CSS 设置圆角div和阴影效果
</pre><pre name="code" class="html"><!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <div class="div"> <img src="../img/b.jpg" width="200px"> aaa </div> <style type="text/css"> .div{ /*阴影效果*/ filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*ie*/ -moz-box-shadow: 2px 2px 10px #909090;/*firefox*/ -webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/ box-shadow:2px 2px 10px #909090;/*opera或ie9*/ } .div{ background-color: hotpink; width: 300px; height: 400px; /*圆角效果*/ border-radius: 20px; -webkit-border-radius: 9px; -moz-border-radius: 9px; } img { margin: 20px 0 0 20px;/*圆角效果*/ -webkit-border-radius: 20px; <span style="font-family: Arial, Helvetica, sans-serif;">-moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.5); -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.5); box-shadow: inset 0 1px 5px rgba(0,0,0,.5); }</style></span><span style="font-family: Arial, Helvetica, sans-serif;"></body></html></span>
相关推荐
SuiKaSan的自学室 2020-06-13
PioneerFan 2020-06-10
zhanghaibing00 2020-05-07
e度空间 2020-04-30
/*垂直居中,div上边界距离窗口上边的距离为窗口高度的50%,并针对不同浏览器进行兼容。-- 在外层添加一个div,把行内容居中,添加.row .justify-content-center -->
Phoebe的学习天地 2020-04-14
HSdiana 2020-03-28
wangjie 2020-02-20
STPace 2020-02-17
纯屌丝程序猿 2013-05-30
luvhl 2019-12-29
云端漂移 2020-01-07
89510194 2019-12-31
疯狂紫萧 2019-12-14
开心就好 2019-08-27
echoes 2019-11-03
82473264 2016-04-14
JenniferMuMu 2014-11-07