上次我们讲了《Html5前端如何实现文字阴影》，其实阴影效果的使用在开发中已经越来越广泛，所以今天我们就来说说使用同样的方法实现边框阴影。1.边框阴影box-shadow边框阴影参数：参数1x-shadow：设置物体的阴影水平偏移值，单位可以是px、em或百分比等，允许负值。参数2y-shadow：设置物体阴影的垂直偏移值，单位可以是px、em或百分比等，允许负值。参数3blur：用于设置边框阴影半径的大小。参数4spread：展开半径，设置阴影的大小；该参数可选，默认值为0。参数5color：设置阴影的颜色。参数6inset：默认情况下不设置此参数。默认为外阴影，inset表示内阴影。box-shadow:x-shadowy-shadowblurspreadcolorinset;2.实例效果1效果2怎样才能实现上图的效果呢？HTML结构CSS样式fontstylefontcolorbordershadow我们来看看具体的代码：HTML:
