谨防圆角阴影垂直居中显示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>

效 果 如 下 

10gbiz:香港/洛杉矶CN2直连线路VPS四折优惠,直连香港/香港/洛杉矶CN2四折

10gbiz怎么样?10gbiz在本站也多次分享过,是一家成立于2020的国人主机商家,主要销售VPS和独立服务器,机房目前有中国香港和美国洛杉矶、硅谷等地,线路都非常不错,香港为三网直连,电信走CN2,洛杉矶线路为三网回程CN2 GIA,10gbiz商家七月连续推出各种优惠活动,除了延续之前的VPS产品4折优惠,目前增加了美国硅谷独立服务器首月半价的活动,有需要的朋友可以看看。10gbiz优惠码...

BlueHost主机商年中618活动全场低至五折

BlueHost 主机商在以前做外贸网站的时候还是经常会用到的,想必那时候有做外贸网站或者是选择海外主机的时候还是较多会用BlueHost主机商的。只不过这些年云服务器流行且性价比较高,于是大家可选择商家变多,但是BlueHost在外贸主机用户群中可选的还是比较多的。这次年中618活动大促来袭,毕竟BLUEHOST商家目前中文公司设立在上海,等后面有机会也过去看看。他们也会根据我们的国内年中促销发...

hosteons:10Gbps带宽,免费Windows授权,自定义上传ISO,VPS低至$21/年,可选洛杉矶达拉斯纽约

hosteons当前对美国洛杉矶、达拉斯、纽约数据中心的VPS进行特别的促销活动:(1)免费从1Gbps升级到10Gbps带宽,(2)Free Blesta License授权,(3)Windows server 2019授权,要求从2G内存起,而且是年付。 官方网站:https://www.hosteons.com 使用优惠码:zhujicepingEDDB10G,可以获得: 免费升级10...

div居中为你推荐
日照职业技术学院RIZHAO支持ipad127.0.0.1为什么输入127.0.0.1无法打开页面tcpip上的netbios禁用tcp/ip上的netbios对网络应用软件的正常运行有没有影响?micromediaMacromedia Fireworks 8是什么东西,怎么用?firefoxflash插件Firefox浏览器怎么激活adobe flash插件ios5.1.1固件下载关于iphone4s 现在的系统是ios5.1.1,可以直接升级到系统ios6.1?微信5.0是哪一年的微信支付是哪一年才出来呢?应用程序安卓4数据安卓4
南通服务器租用 域名备案中心 如何查询域名备案号 西安电信测速 512m内存 135邮箱 免费美国空间 drupal安装 沈阳idc 空间排行榜 中国域名根服务器 火山互联 次世代主机 流媒体服务器软件 最年轻博士 杭州摇号申请网站 789电影网 789** 国际认证机构 comodo时光机 更多