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

效 果 如 下 

vdsina:俄罗斯VPS(datapro),6卢布/天,1G内存/1核(AMD EPYC 7742)/5gNVMe/10T流量

今天获得消息,vdsina上了AMD EPYC系列的VDS,性价比比较高,站长弄了一个,盲猜CPU是AMD EPYC 7B12(经过咨询,详细CPU型号是“EPYC 7742”)。vdsina,俄罗斯公司,2014年开始运作至今,在售卖多类型VPS和独立服务器,可供选择的有俄罗斯莫斯科datapro和荷兰Serverius数据中心。付款比较麻烦:信用卡、webmoney、比特币,不支持PayPal...

PacificRack - 洛杉矶QN机房 低至年$7.2 同有站群多IP地址VPS主机

需要提前声明的是有网友反馈到,PacificRack 商家是不支持DD安装Windows系统的,他有安装后导致服务器被封的问题。确实有一些服务商是不允许的,我们尽可能的在服务商选择可以直接安装Windows系统套餐,毕竟DD安装的Win系统在使用上实际上也不够体验好。在前面有提到夏季促销的"PacificRack夏季促销PR-M系列和多IP站群VPS主机 年付低至19美元"有提到年付12美元的洛杉...

美国高防云服务器 1核 1G 26元/月 香港/日本站群服务器 E5 16G 1600元/月 触摸云

触摸云国内IDC/ISP资质齐全商家,与香港公司联合运营, 已超8年运营 。本次为大家带来的是双12特惠活动,美国高防|美国大宽带买就可申请配置升档一级[CPU内存宽带流量选一]升档方式:CPU内存宽带流量任选其一,工单申请免费升级一档珠海触摸云科技有限公司官方网站:https://cmzi.com/可新购免费升档配置套餐:地区CPU内存带宽数据盘价格购买地址美国高防 1核 1G10M20G 26...

div居中为你推荐
followcssphpechophp echo函数 是什么意思重庆电信宽带管家中国电信10000管家用着怎么样啊??google图片搜索如何用google搜索空间照片win7关闭135端口win7下怎么关135和8909端口csshackcss常见的hack方法有哪些csshack针对IE6的CSS HACK是什么?迅雷下载速度迅雷限制下载速度要设置多少迅雷下载速度迅雷下载速度很慢怎么办迅雷雷鸟雷鸟手机怎么样
山东虚拟主机 域名出售 edgecast 免费名片模板 xen 网站被封 租空间 国外在线代理 全站静态化 web服务器架设 免费活动 免费申请个人网站 美国堪萨斯 免费dns解析 空间登入 太原联通测速 linode支付宝 lick 塔式服务器 更多