[分享]css中h边框是什么

CSS中，.h边框是指水平边框，可以通过CSS样式来设置HTML元素的上、下边框

 border-top: 1px solid #999; /*上边框*/
    border-bottom: 1px solid #999; /*下边框*/ 

上面的CSS样式中，1px表示边框宽度，solid表示边框样式为实线，#999表示边框颜色为深灰色。也可以通过其他值来设置边框样式，如dashed、dotted等

 border-top: 3px dotted red; /*上边框为3像素点线红色边框*/ 

还可以使用border-width、border-style、border-color分别设置边框宽度、样式、颜色

 border-width: 1px; /*边框宽度为1像素，可以设置为thin、medium、thick三种值*/
    border-style: solid; /*边框样式为实线，可以设置为dashed、dotted等*/
    border-color: #999; /*边框颜色为深灰色，也可以设置为red、blue等*/ 

需要注意的是，元素需要有内容或高度才能显示边框

 <p style="border-top:1px solid #999;border-bottom:1px solid #999;">这是一个带上下边框的段落</p> 

同样的，也可以设置元素的左右边框，分别使用border-left和border-right属性

 border-left: 1px solid #999; /*左边框*/
    border-right: 1px solid #999; /*右边框*/ 

需要注意的是，若元素有浮动属性，边框会随着元素的位置移动

 <div style="float:left;border:1px solid #999;">这是一个带浮动和边框的元素</div> 

以上就是关于CSS中.h边框的介绍，可以通过前面的示例代码来实践和学习。