CSS实现边框圆角和阴影的属性

一、实现圆角边框：border-radius

用法：<div  style=' width:100px;height:100px;border:1px solid blue;border-radius:5px;'>圆角</div>

<div  style=' width:100px;height:100px;border:1px solid blue;border-radius:100px; '>当这个值设置为与长度相等时变成圆形了</div>     

二、实现阴影效果：box-shadow

用法：<div  style=' width:100px;height:100px;border:1px solid blue;box-shadow:1px 1px 2px #f00;'>红色发光的边框</div>

    <div  style=' width:100px;height:100px;border:1px solid blue;box-shadow:1px 1px 100px #f00; '>一片红色的阴影</div>