手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

css横线怎么弄

时间:2024-10-12 12:28:18

前端三大基础语言,html,css,js。作为基础之一的 css 占据必不可少的地位~~~~本章讲解如何用 css 做横线

css横线怎么弄

工具/原料

编辑器:vsocde

一、使用 hr 标签做横线

1、<div class="parent"><挢旗扦渌;p>我是一个段落</p>稆糨孝汶;<hr /><p>我是也是个段落</p></div>这里的代码使用一个<hr /> 标签,将两个段落分割开

css横线怎么弄

二、使用 border 边框做横线

1、.h{border-bottom: 1px solid black;}给元素添加 border 属性,设置边框只会,就可以做到一个横线

css横线怎么弄

三、空元素设置 height,background

1、给一个空元素设置height=1px,并且设置 ba罕铞泱殳ckground 背景色,也可以设置一个横线。.space{height: 1px;background-color: black;}

css横线怎么弄
© 手抄报圈