[分享]css3描边样式大全

CSS3描边样式是CSS3中的一个常用属性，用于美化网页元素边框的样式。下面是一些常用的描边样式。/ 实线边框 / border: 1px solid ccc; / 虚线边框 / border: 1p...

CSS3描边样式是CSS3中的一个常用属性，用于美化网页元素边框的样式。下面是一些常用的描边样式。

/* 实线边框 */
border: 1px solid #ccc;

/* 虚线边框 */
border: 1px dashed #ccc;

/* 双线边框 */
border: 3px double #ccc;

/* 点线边框 */
border: 1px dotted #ccc;

/* 镂空边框 */
border: 2px groove #ccc;

/* 凸出边框 */
border: 2px ridge #ccc;

/* 悬浮边框 */
border: 2px inset #ccc;

/* 上下两条线边框 */
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;

/* 左右两条线边框 */
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;

/* 圆角边框 */
border-radius: 5px; 

以上是CSS3中常用的描边样式，根据实际需求可以进行组合使用，从而达到更好的视觉效果。