css3 好看的边框阴影

CSS3是前端开发中的常用技术之一，它可以让我们实现更加美观和炫酷的效果。其中，边框阴影是CSS3中十分实用的一个特性，可以轻松实现各种风格的边框效果。

下面是一些常用的边框阴影效果：

/* 简单边框：dashed虚线+蓝色 */
border: 1px dashed #369;

/* 阴影边框：向右下角偏移2px，模糊半径4px，扩散半径2px，使用黑色 */
box-shadow: 2px 2px 4px 2px #000;

/* 描边边框：使用红色，宽度为3px */
outline: 3px solid #f00;

/* 实心边框：使用虚线，红色，宽度为2px */
border: 2px dotted #f00;

/* 圆角边框：左上角和右下角为10px，蓝色，宽度为2px */
border: 2px solid #369;
border-radius: 10px 0 0 10px;

/* 渐变边框：从红色到蓝色的线性渐变，宽度为3px */
border: 3px solid;
border-image: linear-gradient(90deg,#f00,#369) 1;

以上只是边框阴影的冰山一角，我们可以根据自己的需求进行组合和调整。同时，为了提高页面性能，在使用边框阴影时应尽量避免过度使用和过度复杂的样式。