hr标签

1.定义和用法：

<hr/>标签在HTML页面中创建一条水平线。

水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。

2.有水平线肯定就有竖线，下面就是生成竖线的方法：

<hr style="height: 100px;width: 4px; border-color: red;" />
接下来讲讲生成各种样式的水平线的方法

1.虚线---dot

     <hr style=" height:2px;border:none;border-top:5px dotted red;" />

border：设置无边框

border-top：设置水平线样式，5px指线的长宽度，dotted是线的样式，red是线颜色

height:2px;是hr的高度

2.破折线---dash

     <hr style="height: 1px; border: none; border-top: 1px dashed red;" />

3.实线---solid

     <hr style="height: 2px; border: none; border-top: 1px solid red;" />

4.双实线---double

     <hr style="height: 2px; border: none; border-top: 3px double darkblue;" />

5.脊线式边框---ridge

     <hr style="height: 2px; border: none; border-top: 5px ridge yellowgreen;" />

6.沟槽---groove

     <hr style="height: 2px; border: none; border-top: 10px groove red;" />

HTML基础（三）---- hr水平线相关推荐

[GO语言基础] 三.变量声明、数据类型、标识符及编程练习12题
作为网络安全初学者,会遇到采用Go语言开发的恶意样本.因此从今天开始从零讲解Golang编程语言,一方面是督促自己不断前行且学习新知识:另一方面是分享与读者,希望大家一起进步.前文介绍了Go的编译运行 ...
C++学习基础三——迭代器基础
C++学习基础三--迭代器基础迭代器分为两种:一种是iterator,另一种是const_iterator. 两者都可进行访问容器中的元素,不同之处是: (1)const_iterator类型只能用 ...
【蓝鸥Unity开发基础三】课时14 刚体
[蓝鸥Unity开发基础三]课时14 刚体一.刚体物理引擎: 物理引擎能够真实的模拟物理效果 Unity中使用的是NVIDIA的PhysX物理引擎在Unity中使用Rigidbody让游戏对象受 ...
【蓝鸥Unity开发基础三】课时3 Terrain地形系统【未完】
[蓝鸥Unity开发基础三]课时3 Terrain地形系统[未完] 推荐视频讲师博客:http://11165165.blog.51cto.com/ 一.Terrain地形系统 Terrain地形系 ...
Django基础三之视图函数
Django基础三之视图函数一 Django的视图函数view 一个视图函数(类),简称视图,是一个简单的Python 函数(类),它接受Web请求并且返回Web响应. 响应可以是一张网页的HTML ...
TCP/IP基础(三)
文章目录 TCP/IP基础(三) -- IP协议相关技术 DNS 域名的构成 DNS查询 ARP ARP的工作机制 ICMP ICMP消息类型 NAT NAT定义 NAT的工作机制 NAT的潜在问题 ...
GIS制图的基础三点
GIS制图的基础三点我先说说由于GIS制图几乎都是基于现有的数据进行制图,而不是重绘数据.所以地图的很多地方受制于数据.也就是常见的有数据烦没数据更烦的情况.正式因为这种独特的原因,往往会给人一种错 ...
微服务架构基础(三)
微服务架构基础(三) 持续更新- 继续前面的基础二工程进行扩展服务降级.服务熔断和服务限流基本概念理解服务雪崩多个服务之间调用的时候,假设微服务A调用微服务B和微服务C,微服务B和微服务C又 ...
day 53-1 Django基础三之视图函数
Django基础三之视图函数本节目录一 Django的视图函数view 二 CBV和FBV 三使用Mixin 四给视图加装饰器五 Request对象六 Response对象一 Djang ...
【RabbitMQ】基础三：发布与订阅模式（Publish/Subscribe）
[RabbitMQ]基础三:发布与订阅模式(Publish/Subscribe) 1. 订阅模式 2. 发布与订阅模式说明 3. 代码示例 3.1 生产者 3.2 消费者 3.3 测试 4. 总结 1 ...

HTML基础（三）---- hr水平线