css边框(border)属性

@码上行动

于 2021-04-29 09:43:26 发布

阅读量3.1k

点赞数 2

分类专栏： html 基础文章标签： javascript css html html5 css3

版权

24 篇文章

订阅专栏

本文详细介绍了CSS中border属性的使用，包括边框宽度、颜色和样式的设置方法，提供整体和单独设置的代码示例。文章作为html基础知识点系列的一部分，期待后续更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

border属性

代码如下：

border：边框宽度 边框风格 边框颜色;
如：border:5px solid #555;

属性：

（1）边框宽度：

border-width:5px;

（2）边框颜色：

border-color:red;

（3）边框样式：

border-style:solid/dashed/dotted/double;
			   实线/ 虚线 /点线 /双线

整体设置：

1个值时：默认为四条边都设置 
2个值时：1上下 2左右 
3个值时：1上 2左右 3下 
4个值时：上 右 下 左 （顺时针方向）

单独设置：

border-top/right/bottom/left: 5px solid red;
		上/右/下/左
border-right:none/0; 表示去掉右边框，其他方向保留；

以上是对css边框(border)属性的小总结，后期将继续更新html基础知识点
文章为原创内容，要是遇到有不合适的地方欢迎赐教🙌