首页 话题 小组 问答 好文 用户 我的社区 域名交易 唠叨

[分享]css3描边样式大全

发布于 2024-11-11 15:47:07
0
11

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中常用的描边样式,根据实际需求可以进行组合使用,从而达到更好的视觉效果。

评论
一个月内的热帖推荐
91云脑
Lv.1普通用户

62849

帖子

14

小组

291

积分

赞助商广告
站长交流