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  边框属性

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。