谨防圆角阴影垂直居中显示DIV

div居中  时间:2021-04-24  阅读:()

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title>

<style>div.container{position:fixed;left:50%;top:50%;width:600px;height:200px;

-webkit-transform:translate(-50%,-50%) ;

-moz-transform:translate(-50%,-50%) ;transform:translate(-50%,-50%) ;background-color:#930;box-shadow: 0px 0px 8px #33FF00;border-bottom-right-radius:50px;border-top-left-radius:50px;

}div.container>. subcon{position:fixed;left:50%;top:50%;width:300px;height: 100px;

-webkit-transform:translate(-50%,-50%) ;

-moz-transform:translate(-50%,-50%) ;transform:translate(-50%,-50%) ;background-color:#FF0;box-shadow: 3px 3px 8px #f00;box-shadow: inset 0px 0px 30px #f00;border-bottom-right-radius:50px;border-top-left-radius:50px; }div.container>. subcon>. subsubcon{

position:fixed;left:50%;top:50%;margin-top:2px;

-webkit-transform:translate(-50%,-50%) ;

-moz-transform:translate(-50%,-50%) ;transform:translate(-50%,-50%) ;background-color:#F30;box-shadow: -2px 0 8px #f00,0px -2px 8px #000,0px 2px 8px #9e038a;border-bottom-right-radius: 10px;border-top-left-radius: 10px;padding:5px 2px 5px 5px;/*顺序--上右下左*/}

</style>

</head>

<body>

<div class="container">

<div class="subcon">

<div class="subsubcon">附件是的旅客谨防手机发送的就发生了纠纷</div></div>

</div>

</body>

</html>

效 果 如 下 

阿里云年中活动最后一周 - ECS共享型N4 2G1M年付59元

以前我们在参与到云服务商促销活动的时候周期基本是一周时间,而如今我们会看到无论是云服务商还是电商活动基本上周期都要有超过一个月,所以我们有一些网友习惯在活动结束之前看看商家是不是有最后的促销活动吸引力的,比如有看到阿里云年中活动最后一周,如果我们有需要云服务器的可以看看。在前面的文章中(阿里云新人福利选择共享性N4云服务器年79.86元且送2月数据库),(LAOZUO.ORG)有提到阿里云今年的云...

华为云(69元)828促销活动 2G1M云服务器

华为云818上云活动活动截止到8月31日。1、秒杀限时区优惠仅限一单!云服务器秒杀价低至0.59折,每日9点开抢秒杀抢购活动仅限早上9点开始,有限量库存的。2G1M云服务器低至首年69元。2、新用户折扣区优惠仅限一单!购云服务器享3折起加购主机安全及数据库。企业和个人的优惠力度和方案是不同的。比如还有.CN域名首年8元。华为云服务器CPU资源正常没有扣量。3、抽奖活动在8.4-8.31日期间注册并...

搬瓦工:香港PCCW机房即将关闭;可免费升级至香港CN2 GIA;2核2G/1Gbps大带宽高端线路,89美元/年

搬瓦工怎么样?这几天收到搬瓦工发来的邮件,告知香港pccw机房(HKHK_1)即将关闭,这也不算是什么出乎意料的事情,反而他不关闭我倒觉得奇怪。因为目前搬瓦工香港cn2 GIA 机房和香港pccw机房价格、配置都一样,可以互相迁移,但是不管是速度还是延迟还是丢包率,搬瓦工香港PCCW机房都比不上香港cn2 gia 机房,所以不知道香港 PCCW 机房存在还有什么意义?关闭也是理所当然的事情。点击进...

div居中为你推荐
adbandroidOPENCORE苹果引导配置说明第四版-基于支持ipad支持ipadcolumnios5css3圆角在HTML里如何实现圆角矩形?css下拉菜单css下拉菜单代码itunes备份itunes就是备份不了怎么办啊fusionchartsfusioncharts怎么生成图片至excel360chrome360Chrome 世界之窗极速浏览器 ChromePlus
老域名 俄罗斯vps 美国和欧洲vps 播放vps上的视频 万网免费域名 liquidweb awardspace hawkhost isatap kddi sub-process 网站实时监控 国外php空间 godaddy域名证书 me空间社区 美国在线代理服务器 metalink paypal注册教程 个人免费主页 512mb 更多