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

效 果 如 下 

Hostodo,美国独立日特价优惠,四款特价VPS云服务器7折,KVM虚拟架构,NVMe阵列,1核512M内存1Gbps带宽3T月流量,13.99美元/月,赠送DirectAdmin授权

Hostodo近日发布了美国独立日优惠促销活动,主要推送了四款特价优惠便宜的VPS云服务器产品,基于KVM虚拟架构,NVMe阵列,1Gbps带宽,默认分配一个IPv4+/64 IPv6,采用solusvm管理,赠送收费版DirectAdmin授权,服务有效期内均有效,大致约为7折优惠,独立日活动时间不定,活动机型售罄为止,有需要的朋友可以尝试一下。Hostodo怎么样?Hostodo服务器好不好?...

美国G口/香港CTG/美国T级超防云/物理机/CDN大促销 1核 1G 24元/月

[六一云迎国庆]转盘活动实物礼品美国G口/香港CTG/美国T级超防云/物理机/CDN大促销六一云 成立于2018年,归属于西安六一网络科技有限公司,是一家国内正规持有IDC ISP CDN IRCS电信经营许可证书的老牌商家。大陆持证公司受大陆各部门监管不好用支持退款退现,再也不怕被割韭菜了!主要业务有:国内高防云,美国高防云,美国cera大带宽,香港CTG,香港沙田CN2,海外站群服务,物理机,...

盘点618年中大促中这款云服务器/VPS主机相对值得选择

昨天有在"盘点2021年主流云服务器商家618年中大促活动"文章中整理到当前年中大促618活动期间的一些国内国外的云服务商的促销活动,相对来说每年年中和年末的活动力度还是蛮大的,唯独就是活动太过于密集,而且商家比较多,导致我们很多新人不懂如何选择,当然对于我们这些老油条还是会选择的,估计没有比我们更聪明的进行薅爆款新人活动。有网友提到,是否可以整理一篇当前的这些活动商家中的促销产品。哪些商家哪款产...

div居中为你推荐
耳机苹果5FUSIONENTERTAINMENT.COMrealgoogle支持ipadcyclesios8output_buffering飞飞的官方网站是啥重庆网通重庆网通上网资费目前是多少? 小区宽带接入类型的css下拉菜单css下拉菜单代码itunes备份itunes就是备份不了怎么办啊tcpip上的netbios禁用tcp/ip上的netbios对网络应用软件的正常运行有没有影响?
安徽虚拟主机 欧洲免费vps 如何查询域名备案号 香港新世界电讯 天猫双十一秒杀 win8升级win10正式版 卡巴斯基永久免费版 777te qq数据库下载 cpanel空间 京东商城0元抢购 刀片服务器的优势 新家坡 爱奇艺vip免费试用7天 cxz 贵阳电信测速 iki windowsserver2008r2 卡巴斯基免费版 赵蓉 更多