在Web中使用水平分割线可以分割不同的文字段落或者其它网页组件,轻松地修饰了段落排版,使之更美观。当然,水平分割线还可以更加明显地突出某一段重要的文字,使之更加醒目。

使用


标签可以轻松地设置一条水平线。方法如下:

HTML设置水平分割线

1. HTML设置一条水平分割线


这是水平分割线的最基本应用。它是居中对齐的。

2. HTML设置水平分割线的宽度


水平分割线的宽度为像素(px)或者相对于屏幕宽度的百分比(%)。比如:



3. HTML设置水平分割线的粗细


水平分割线的粗细单位仍然是像素(px)。

4. HTML去掉水平分割线的阴影


一般情况下,水平分割线是带有阴影的,具体显示为一条突出的或者凹下去的线条。使用此属性,可以去掉分割线的阴影,使之成为一条无阴影效果的实心线。

5. HTML设置水平分割线的对齐方式


水平分割线的对齐方式默认为居中对齐。使用align属性可以改变它的对齐方式。并且只有当它的宽度设置小于屏幕的宽度时,才会显示出对齐方式的设置效果。

6. HTML设置水平分割线的颜色


可以给水平分割线设置不同的颜色。

7. HTML设置水平分割线的title属性


当浏览者将鼠标悬停在分割线上时会出现属性值设置的提示内容。

8. HTML水平分割线的综合应用


可以分别设置


的属性:size、width、align、color和noshade等。属性不用全部设置,而是根据需要选择某些属性进行设置,未设置的属性浏览器会以默认的方式显示。

默认方式:浏览器在遇到属性不全的标签时,对于未设置的属性将根据浏览器内部定义好的样式进行显示。

html5中加水平分割线,HTML设置水平分割线相关推荐

  1. HTML设置水平分割线

    2019独角兽企业重金招聘Python工程师标准>>> 在Web中使用水平分割线可以分割不同的文字段落或者其它网页组件,轻松地修饰了段落排版,使之更美观.当然,水平分割线还可以更加明 ...

  2. html 水平分割,HTML设置水平分割线

    在Web中使用水平分割线可以分割不同的文字段落或者其它网页组件,轻松地修饰了段落排版,使之更美观.当然,水平分割线还可以更加明显地突出某一段重要的文字,使之更加醒目. 使用 标签可以轻松地设置一条水平 ...

  3. html文字段落分割,HTML设置水平分割线_html/css_WEB-ITnose

    在Web中使用水平分割线可以分割不同的文字段落或者其它网页组件,轻松地修饰了段落排版,使之更美观.当然,水平分割线还可以更加明显地突出某一段重要的文字,使之更加醒目. 使用标签可以轻松地设置一条水平线 ...

  4. html5中3个盒子怎样设置,Web前端开发任务驱动式教程(HTML5+CSS3+JavaScript)任务10 盒子模型及应用.pptx...

    第五单元 盒子模型任务10 盒子模型及应用学习目标盒子模型的概念掌握边框的设置内边距的设置外边距的设置学习目标了解:利用盒子模型布局网页的优势任务目标实战演练--制作古诗文欣赏网页强化训练--制作散文 ...

  5. html 5 设置标签居中,Html5中新增标签与样式实现元素水平垂直居中的方法

    Html5中新增标签与样式实现元素水平垂直居中的方法 发布时间:2021-06-12 12:44:51 来源:亿速云 阅读:71 作者:小新 这篇文章将为大家详细讲解有关Html5中新增标签与样式实现 ...

  6. html支持的语音文件格式,html5中如何设置audio支持音频格式

    html5中如何设置audio支持音频格式 发布时间:2020-04-15 10:24:37 来源:亿速云 阅读:367 作者:小新 今天小编给大家分享的是html5中如何设置audio支持音频格式, ...

  7. 设置框开始隐藏状态html5,小猿圈分享HTML5中form如何关闭自动完成功能的方法

    WEB前端现在是时下较火的编程语言之一,但是对于怎么学习或者学习哪些内容很多朋友都是不了解的,针对以上内容小猿圈web前端讲师总结了form如何关闭自动完成功能的方法?希望对你的前端学习有一定的帮助. ...

  8. html5怎么设置表单居中显示图片,如何将html5中的图片设置居中?图片居中的代码!...

    在各种形形色色的网页中少不了的就是图片了,在使用和浏览的时候我们看到都是文字的话肯定是不好受的,那么这次就来说说如何将html5中的图片设置居中,下面是小编分享的一些有关于在 html5 中图片如何居 ...

  9. 在HTML5中, web app 以及手机客户端中,设置页面图片等比例居中显示

    在HTML5中, web app 以及手机客户端中,设置页面图片等比例居中显示 接触前端时间不长,费了一些时间 img{display:block;max-width:100%;margin:auto ...

  10. html文件显示controls,html5中设置或返回浏览器应当显示标准的音视频控件的属性controls...

    实例 为视频启动控件:myVid=document.getElementById("video1"); myVid.controls=true; 定义和用法 controls 属性 ...

最新文章

  1. javascript---》arguments对象
  2. addroid 自定义布局
  3. sap.ui.layout.HorizontalLayout is not a constructor
  4. mysql 查询大于某个时间_有关于mysql 时间作为条件查询,索引失效的问题。
  5. openstack根据公网查不到路由_从零入门 Serverless | SAE 场景下,应用流量的负载均衡及路由策略配置实践...
  6. 2. Linear Model
  7. 英制BSW 美制UNC 螺牙的理解
  8. DRP项目知识点一: 数据库连接-封装Connection
  9. 【Excel高效工作1】5分钟,从Excel中批量将联系人信息导入手机电话簿
  10. 机器学习相关职位走向
  11. html中选择器是什么意思,css中的选择器是什么意思?
  12. 一个 Transformer,很强;两个,更强?
  13. 《路由器开发 - 路由器刷机指南》小米MINI刷机
  14. Pytorch 深度学习结果无法复现的解决办法
  15. 轻松解决XMind文件配置错误(configuration area)
  16. 互调失真 ,P1dB 压缩点,三阶交调截止点
  17. 虚拟机CentOS启动报错-entering emergency mode解决办法
  18. 区块链传奇人物-爆炸头SBF
  19. 以太坊Solidity之Truffle的使用流程与集成指南
  20. 完美解决!无法启动此程序,因为计算机中丢失libmysql.dll解决方案(详细版!)

热门文章

  1. 机器学习(一)——K近邻算法(python实现)
  2. 计算机自动隐藏桌面图标,Windows 8.1 右下角图标莫名自动隐藏
  3. 数据库工程师的几个发展方向
  4. 使用Matlab理解PID
  5. 审计工作存在的难点和问题_浅谈审计整改工作存在的困难及对策
  6. 这次,多地消防控制室双人值守可变单人值守
  7. 硬件工程师入门-基础元器件笔记-1-电阻器
  8. github仓库在线新建文件夹方法备份
  9. java调用python需要复权吗_用Python从新浪下载A股复权因子信息
  10. java 实现小米商城系统