php怎么显示一条水平线,html <hr />水平线标签元素

本文介绍了HTML中的hr标签,用于在页面中创建水平分割线。学习了其基本语法、CSS样式定制以及如何在内容布局中灵活运用。通过实例演示了如何改变hr的颜色和布局,让你更好地理解如何利用这个工具提升页面设计效果。
摘要由CSDN通过智能技术生成

html


是一条水准分割线,这条线将模式接洽为高下。hr标签感导将在 HTML 页面中建树一条水平线。

一、html hr标签语法

1、hr语法结构先容


是一个自力标签,没有匹面与结束的非一对标签。hr是自闭合标签——
,与换行标签
一样是自力一个自闭合标签。

2、hr小示范

hr应用实例代码:

形式


模式

测试内容


测试模式

成就截图:

86122a0d6cdec932a5da26458228f46f.png

html hr运用实例截图

3、hr运用阐明


或是直接在文本模式中运用,也可能在标签与标签之间使用。应用后将自动出现一条100%宽的水平线,组成朋分上面与下面内容一条线。

二、hr设置装备摆设CSS格局


标签是概略直接配置CSS花色或使用class或id设置CSS格局的。实现紧要漂明的支解水平线。

梗概通过css字体色彩(color)配置hr颜色名堂。

1、hr色采改动实例代码

1)、CSS代码:

.expa{color:#F00}

.expb{color:#00F}

3)、HTML内容:

形式


模式

测试模式


测试内容

3)、完整CSS+HTML代码:

hr 实例 CSS5

.expa{color:#F00}

.expb{color:#00F}

模式


形式

测试模式


测试形式

以上实例代码可直接复制测试实际 驾驭


标签。

2、html hr实例效果截图

ba2e14dfb84c6eae4a545a9956133bb3.png

旋转hr程度线颜色格式实例成效截图

三、html hr标签总结

hr感召是内容中创立一条水平线,将内容水平高下接洽开。在css html构造中根据需求抉择运用此程度线hr标签。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值