css如何设置边框
在 HTML中,我们使用表格来创建文本周围的边框,有些效果差强人意,但是如果通过使用 CSS 边框属性,我们将可以创建出效果更加出色的边框,并且可以应用于任何元素。 CSS的 border‐style 属性定义了10个不同的非 inherit 样式,包括 none属性描述none默认无边框dotted定义一个点线边框dashed定义一个虚线边框solid定义实线边框double定义两个边框。 两个边框的宽度和 border-width 的值相同groove定义3D沟槽边框。效果取决于边框的颜色值ridge定义3D脊边框。效果取决于边框的颜色值inset定义一个3D的嵌入边框。效果取决于边框的颜色值outset:定义一个3D突出边框。 效果取决于边框的颜色值inherit规定应该从父元素继承边框样式当然我们可以单独为某一条边框设置样式,这需要用到特定的属性也可以不用分开设置样式、宽度和颜色,因为这样看起来太复杂了,我们可以使用简写属性boder一次搞定,下表总结了不管是单独设置还是一次搞定的所有属性,详情如下:属性描述border简写属性,用于把针对四个边的属性设置在一个声明。border-style用于设置元素所有边框的样式,或者单独地为各边设置边框样式border-width简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度border-color简写属性,设置元素的所有边框中可见部分的颜色,或为 4 个边分别设置颜色border-bottom简写属性,用于把下边框的所有属性设置到一个声明中border-bottom-color设置元素的下边框的颜色border-bottom-style设置元素的下边框的样式border-bottom-width设置元素的下边框的宽度border-left简写属性,用于把左边框的所有属性设置到一个声明中border-left-color设置元素的左边框的颜色border-left-style设置元素的左边框的样式border-left-width设置元素的左边框的宽度border-right简写属性,用于把右边框的所有属性设置到一个声明中border-right-color设置元素的右边框的颜色border-right-style设置元素的右边框的样式border-right-width设置元素的右边框的宽度border-top简写属性,用于把上边框的所有属性设置到一个声明中border-top-color设置元素的上边框的颜色border-top-style设置元素的上边框的样式border-top-width设置元素的上边框的宽度