css横线hr样式 css横线加粗

hr在css中怎么使用?

hr 标签的厚度可以使用CSS中的height属性设置；最小高度可以是1px，因为可用的最小单位是1像素。也可以使用CSS属性来设置hr 标签的样式以使hr标签在外观上更加美观。

创新互联公司自2013年起，先为延长等服务建站，延长等地企业，进行企业商务咨询服务。为延长企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

，hr 标签在 HTML 页面中创建一条水平线。水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。如下这个示例：htmlbodyphr 标签定义水平线：/phr /p这是段落。

hr标签的width属性用于指定水平线的宽度（以像素或百分比为单位）。

1、hr标签的width属性用于指定水平线的宽度（以像素或百分比为单位）。

2、通过设置HR的属性来控制标签的水平线的长度跟颜色，width= 来控制为宽度，color= 来控制水平线的颜色。hr width=宽度 color=颜色宽度范围为1到100，颜色可以任意设置指定的RGB颜色代码。

3、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：div {height：60px；border-bottom：1px dashed}。

4、首先新建html文档，输入html5标准声明，如图所示。然后输入html基本网页结构，如图所示。接着输入hr标签hr是水平线，是单边标记，如图所示。hr标签的常用属性，Size：设置水平线的粗细。

5、水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。如下这个示例：htmlbodyphr 标签定义水平线：/phr /p这是段落。/phr /p这是段落。/phr /p这是段落。

做一个合适的横条图片，放到空间下，如下图新建CSS样式，取好样式名。在CSS规则定义下，在“Background-color”后选择刚才的图片。在Background-repeat下选择“repeat”，这是说明让背景图重复平铺。

css中使用textdecoration属性就可以直接设置划线效果。对字体样式文本加下横线款式，有二种方式，一直立即应用html下横线标识，此外一种是应用CSS下横线款式。这个属性允许对文本设置某种效果，如加下划线。

要在文字中间实现有一条横线的效果可以使用CSS中CSS text-decoration 属性就可以达到效果。CSS text-decoration 属性相关介绍及事例：浏览器支持：所有主流浏览器都支持 text-decoration 属性。

在index.html中的标签中，输入css代码：body{text-decoration： line-through；}。浏览器运行index.html页面，此时用css成功让文本添加了中划线。

名称栏目：css横线hr样式 css横线加粗
文章出自：http://cdiso.cn/article/diijcop.html