htmlcss⽂本框边框样式,HTML学习笔记CSS样式(边框)元素的边框(border)是围绕元素内容和内边距的⼀条或多条线
CSS border 属性允许你规定边框的样式 宽度和颜⾊
CSS 边框
在 HTML 中,我们使⽤表格来创建⽂本周围的边框,但是通过使⽤ CSS 边框属性,我们可以创建出效果出⾊的边框,并且可以应⽤于任何元素。
元素外边距内就是元素的的边框 (border)。元素的边框就是围绕元素内容和内边据的⼀条或多条线。
每个边框有 3 个⽅⾯:宽度、样式,以及颜⾊。在下⾯的篇幅,我们会为您详细讲解这三个⽅⾯。
边框与背景
CSS 规范指出,边框绘制在“元素的背景之上”。这很重要,因为有些边框是“间断的”(例如,点线边框或虚线框),元素的背景应当出现在边框的可见部分之间。
CSS2 指出背景只延伸到内边距,⽽不是边框。后来 CSS2.1 进⾏了更正:元素的背景是内容、内边距和边框区的背景。⼤多数浏览器都遵循 CSS2.1 定义,不过⼀些较⽼的浏览器可能会有不同的表现。
边框的样式
样式是边框最重要的⼀个⽅⾯,这不是因为样式控制着边框的显⽰(当然,样式确实控制着边框的显⽰),⽽是因为如果没有样式,将根本没有边框。
CSS 的 border-style 属性定义了 10 个不同的⾮ inherit 样式,包括 none。
例如,您可以为把⼀幅图⽚的边框定义为 outset,使之看上去像是“凸起按钮”:
定义单边样式
如果您希望为元素框的某⼀个边设置边框样式,⽽不是设置所有 4 个边的边框样式,可以使⽤下⾯的单边边框样式属性:
border-top-style
border-right-style
border-bottom-style
border-left-style
css表格样式因此这两种⽅法是等价的:
p {border-style: solid solid solid none;}
p {border-style: solid; border-left-style: none;}
边框颜⾊⽤ border-color 属性来设置 相对应的右 border-top-color border-right-color border-bottom-color border-left-color
边框的宽度 border-wiath属性来设置 对应的也有四个边框的宽度属性 border-right-weight ......
例⼦
p{border:medium double rgb(250,0,255)}
Some text
CSS  边框属性