css横线怎么弄

 时间:2026-02-15 02:35:10

前端三大基础语言,html,css,js。

作为基础之一的 css 占据必不可少的地位~~~~

本章讲解如何用 css 做横线

css横线怎么弄

工具/原料

编辑器:vsocde

一、使用 hr 标签做横线

<div class="parent">

我是一个段落

<hr />

我是也是个段落

</div>

这里的代码使用一个  <hr /> 标签,将两个段落分割开

css横线怎么弄

二、使用 border 边框做横线

.h{

border-bottom: 1px solid black;

}

给元素添加 border 属性,设置边框只会,就可以做到一个横线

css横线怎么弄

三、空元素设置 height,background

给一个空元素设置 

height=1px,并且设置 background 背景色,也可以设置一个横线。

.space{

height: 1px;

background-color: black;

}

css横线怎么弄

注意事项

学无止境~~~~~~~

  • CSS怎么给边框添加颜色
  • hbuilder怎样设置表格
  • Hbuilder中border-radius属性怎样画圆
  • 怎样让html中的文字垂直水平居中显示
  • 怎样去除ul前面的小点?
  • 热门搜索
    台儿庄古城旅游攻略 朝阳旅游 蚂蚁窝旅游 山东旅游一卡通 凯撒旅游网 云南旅游局 东钱湖旅游度假区 环球旅游 万宁旅游 广州旅游景点大全