CSS盒子边框(border)样式综合样式

前端大斗师

于 2020-09-14 10:35:45 发布

阅读量5.2k

点赞数 3

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/Web_chicken/article/details/108574137

32 篇文章

订阅专栏

本文详细介绍了CSS中盒子边框的设置方法，包括边框的宽度、样式和颜色的定义，以及如何为不同边框单独指定属性。通过具体示例展示了常见的边框样式，如实线、虚线和点线。

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

CSS盒子边框(border)

border : border-width ll border-style ll border-color

在这里插入图片描述

					none:没有边框即忽略所有边框的宽度（默认值)
					solid:边框为单实线(最为常用的)
					dashed:边框为虚线
					dotted:边框为点线

border: 1px solid red;没有顺序

很多情况下，我们不需要指定4个边框，我们是可以单独给4个边框分别指定的。
在这里插入图片描述