HTML CSS 圆角阴影效果

来源：互联网发布：程序员中级职称考试编辑：程序博客网时间：2024/05/29 12:39

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>test</title><script type="text/javascript"> function a(){ function b(){ return 6; } alert(b); alert(5) }</script><style type="text/css">div{height:100px;width:100px;}.shadow{    -moz-box-shadow: 3px 3px 4px #000;    -webkit-box-shadow: 3px 3px 4px #000;    box-shadow: 3px 3px 4px #000;    /* For IE 8 */    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";    /* For IE 5.5 - 7 */    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');}.radius{   border-radius:25px;   -moz-border-radius:25px; /* 老的 Firefox */   -webkit-border-radius:25px;}</style></head><body>  <button type="button radius" onclick="a()">click</button>  <div class="shadow radius"></div></body></html>

0 0

HTML CSS 圆角 阴影效果

HTML CSS 圆角阴影效果