Box Shadow阴影和圆角

一、盒子写Box Shadow阴影：如

box-shadow:2px 2px 5px #120F0B; //支持Opera浏览器

-moz-box-shadow:2px 2px 5px #120F0B;//支持Firefox浏览器

-webkit-box-shadow:2px 2px 5px #120F0B; //支持webkit内核的Safari和Chrome浏览器

一般要加上适合浏览器的前缀！！若为内阴影，则要加上inset，默认为外阴影

效果如图

 参数解说：

• box-shadow:阴影水平偏移值（可取正负值）； 阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色
• IE不支持Box Shadow(阴影)

二、圆角

<span class="jianjiao">不限</span>

样式：

.jianjiao{
            border-top-left-radius: 15px 15px;
            border-bottom-right-radius: 15px 15px;
            background: #D81E06;
            width: 55px;
            height: 26px;
            color: white;
            text-align: center;
            line-height: 26px;
            display: block;
            float: left;
            box-shadow: 1px 1px 3px #717070;
            margin-left: 10px;
        }

效果如图 ，主要是对border四个角的半径进行设置

border-top-left-radius: 15px 15px;
border-bottom-right-radius: 15px 15px;