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

div 居中  时间:2021-01-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>

效 果 如 下 

注册做什么96%可以干啥,常用的7个常用的国内国外域名注册服务商_云服务器可以干什么

日前,国内知名主机服务商阿里云与国外资深服务器面板Plesk强强联合,推出 阿里云域名注册与备案、服务器ECS购买与登录使用 前言云服务器(Elastic  只需要确定cpu内存与带宽基本上就可以了,对于新手用户来说,我们在购买阿里云服务申请服务器与域名许多云服务商的云服务器配置是弹性的 三周学会小程序第三讲:服务 不过这个国外服务器有点慢,可以考虑国内的ngrokcc。 ngrokcc...

iON Cloud:新加坡cn2 gia vps/1核/2G内存/25G SSD/250G流量/10M带宽,$35/月

iON Cloud怎么样?iON Cloud升级了新加坡CN2 VPS的带宽和流量最低配的原先带宽5M现在升级为10M,流量也从原先的150G升级为250G。注意,流量也仅计算出站方向。iON Cloud是Krypt旗下的云服务器品牌,成立于2019年,是美国老牌机房(1998~)krypt旗下的VPS云服务器品牌,主打国外VPS云服务器业务,均采用KVM架构,整体性能配置较高,云服务器产品质量靠...

月神科技-美国CERA 5折半价倒计时,上新华中100G高防云59起!

官方网站:点击访问月神科技官网优惠码:美国优惠方案:CPU:E5-2696V2,机房:国人热衷的优质 CeraNetworks机房,优惠码:3wuZD43F 【过期时间:5.31,季付年付均可用】活动方案:1、美国机房:洛杉矶CN2-GIA,100%高性能核心:2核CPU内存:2GB硬盘:50GB流量:Unmilited端口:10Mbps架构:KVM折后价:15元/月、150元/年传送:购买链接洛...

div 居中为你推荐
桌面背景图片非主流哪里有比较个性的电脑桌面壁纸啊苹果x和xr哪个好苹果x和xr那个好?帕萨特和迈腾哪个好迈腾和帕萨特哪个好闪迪和金士顿哪个好闪迪和金士顿哪个好朱祁钰和朱祁镇哪个好朱高炽是不是被朱瞻基谋杀的?朱祁镇和朱祁钰谁更好电视直播软件哪个好目前最好的电视直播软件是什么?三国游戏哪个好玩三国系列的游戏哪个好玩?qq空间登录不上qq空间登不进去 怎么办qq空间登录网址如何查询QQ空间登入地址?东莞电信网上营业厅东莞电信网上营业厅是不是有个宽带团购活动?
php主机租用 免费linux主机 代理域名备案 域名解析服务器 主机测评网 simcentric 12306抢票攻略 evssl证书 空间服务商 什么是刀片服务器 世界测速 服务器是干什么用的 免备案cdn加速 重庆服务器 windowsserver2012r2 服务器机柜 weblogic部署 云主机 国内云主机 衡天主机 更多