python html5 bootstrap 视频教程
德云社区 门户 IT 编程 PC & Web Web 查看内容

HTML4/HTML5 用CSS或style属性修改 <hr> 实线 虚线 点线 双实线样式 ... ... ...

2020-3-15 13:13| 发布者: digitser| 查看: 4148| 评论: 0|原作者: liangsheng

摘要: HTML4/HTML5 用CSS或style属性修改 hr 实线 虚线 点线 双实线样式 HTML 是 Hyper Text Markup Language 的英文缩写,中文称为超文本标记语言。HTML 是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言, ...
自动立式分页纸箱赋码系统 ── 全自动 专业 立式分页 瓦楞纸 水性油墨 贴标 喷码 检测系统
HTML4/HTML5 用CSS或style属性修改 <hr> 实线 虚线 点线 双实线样式

HTML 是 Hyper Text Markup Language 的英文缩写,中文称为超文本标记语言。HTML 是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言,它消除了不同计算机之间的信息交流障碍。


万维网上的一个超媒体文档称之为一个页面(page)。作为组织或个人在万维网上放置的开始页面称为主页(Homepage)或首页,主页中通常包括指向其他相关页面或其他节点的指针(超级链接)。所谓超级链接,就是一种统一资源定位器(Uniform Resource Locator,URL)指针。通过激活(或点击)URL,可使浏览器方便地获取新网页。这也是 HTML 获得广泛应用的最重要原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站(Website 或 Site)。超级文本标记语言(HTML)是为 “网页创建和其它可在网页浏览器中看到的信息” 设计的一种标记语言。


高效站群 所见即所得 HTML5 Bootstrap4 "批处理式 Web IDE" 开发工具

http://dt.digitser.cn/zh-CN/ide/ideweb/index.html


网页的本质就是超文本标记语言,通过结合使用其他的 Web 技术(譬如:脚本语言、公共网关接口、组件等),可创造出功能强大的网页。因而,HTML 是万维网(www)编程的基础,也就是说万维网是建立在超文本基础之上的。超文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓 “超链接” 点。


HTML4/HTML5 用 CSS 修改 <hr> 线条样式
#
线型
EN 名称
HTML4
HTML5
说明
备注
01实线solidhr{border:0;border-top:1px solid #eee}hr{border:0;border-top:1px solid #eee}1 像素实线顶边框,颜色#eee
02虚线dashedhr{border:0;border-top:1px dashed #eee}hr{border:0;border-top:1px dashed #eee}1 像素虚线顶边框,颜色#eee
03点线
dottedhr{border:0;border-top:1px dotted #eee}hr{border:0;border-top:1px dotted #eee}1 像素点线顶边框,颜色#eee
04双实线doublehr{border:0;border-top:1px double #eee}hr{border:0;border-top:1px double #eee}1 像素单实线顶边框,颜色#eee1 像素两实线完全重合
hr{border:0;border-top:2px double #eee}hr{border:0;border-top:2px double #eee}2 像素单实线顶边框,颜色#eee1 像素两实线并排
hr{border:0;border-top:3px double #eee}hr{border:0;border-top:3px double #eee}1 像素双实线顶边框,颜色#eee1 像素两实线并排,间隔 1 像素
hr{border:0;border-top:4px double #eee}hr{border:0;border-top:4px double #eee}1 像素双实线顶边框,颜色#eee1 像素两实线并排,间隔 2 像素
hr{border:0;border-top:5px double #eee}hr{border:0;border-top:5px double #eee}2 像素双实线顶边框,颜色#eee2 像素两实线并排,间隔 1 像素
hr{border:0;border-top:6px double #eee}hr{border:0;border-top:6px double #eee}2 像素双实线顶边框,颜色#eee2 像素两实线并排,间隔 2 像素

HTML 是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML 文件是由 HTML 语言命令组成的描述性文本,HTML 命令可说明文字、图形、动画、声音、表格、链接等。HTML 文件的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。


智能编辑重构 批处理式 "数字 Python IDE" 集成开发环境 (集成高效 Cython PyInstaller 批处理小程序)

http://dt.digitser.cn/zh-CN/ide/idepy/index.html


一个网页可对应多个 HTML 文件,HTML 文件以 .htm 或 .html 为扩展名。可使用任何能生成 TXT 类型源文件的文本编辑器产生 HTML 文件,只要修改文件后缀即可。开始标记 <html> 表示文件开头,结尾标记 </html> 表示文件结束。


HTML4/HTML5 用 style 属性修改 <hr> 线条样式
#
线型
EN 名称
HTML4
HTML5
说明
备注
01实线solid<hr style="border:0; border-top:1px solid #222;"><hr style="border:0; border-top:1px solid #222;">1 像素实线顶边框,颜色#222
02虚线dashed<hr style="border:0; border-top:1px dashed #222;"><hr style="border:0; border-top:1px dashed #222;">1 像素虚线顶边框,颜色#222
03点线
dotted<hr style="border:0; border-top:1px dotted #222;"><hr style="border:0; border-top:1px dotted #222;">1 像素点线顶边框,颜色#222
04双实线double<hr style="border:0; border-top:1px double #222;"><hr style="border:0; border-top:1px double #222;">1 像素单实线顶边框,颜色#2221 像素两实线完全重合
<hr style="border:0; border-top:2px double #222;"><hr style="border:0; border-top:2px double #222;">2 像素单实线顶边框,颜色#2221 像素两实线并排
<hr style="border:0; border-top:3px double #222;"><hr style="border:0; border-top:3px double #222;">1 像素双实线顶边框,颜色#2221 像素两实线并排,间隔 1 像素
<hr style="border:0; border-top:4px double #222;"><hr style="border:0; border-top:4px double #222;">1 像素双实线顶边框,颜色#2221 像素两实线并排,间隔 2 像素
<hr style="border:0; border-top:5px double #222;"><hr style="border:0; border-top:5px double #222;">2 像素双实线顶边框,颜色#2222 像素两实线并排,间隔 1 像素
<hr style="border:0; border-top:6px double #222;"><hr style="border:0; border-top:6px double #222;">2 像素双实线顶边框,颜色#2222 像素两实线并排,间隔 2 像素

扫一扫关注 德云社区 微信公众号

版权声明:
本文为独家原创稿件,版权归 德云社区,未经许可不得转载。

路过

雷人

握手

鲜花

鸡蛋
AI人工智能 语音助理 人工翻译 教程

相关阅读

最新评论

相关分类

CSS3 官方中文文档编制 手册教程 人工翻译 更新日志
CSS3 官方中文文档编制 手册教程 人工翻译 更新日志 CSS3 中文文档编制采用机器辅助 + 全人工翻译,完全采用 数字翻译 的文档翻译流程进行汉化 (未采用任何第 3 方工具),[914/2022-07-31]
CSS3 官方中文文档编制 手册教程 帮助文件 人工翻译
CSS3 官方中文文档编制 手册教程 帮助文件 人工翻译 CSS3 中文文档编制采用机器辅助 + 全人工翻译,完全采用 数字翻译 的文档翻译流程进行汉化 (未采用任何第 3 方工具),[1019/2022-07-31]
SolidWorks 2020 非对称Conic Rho圆角 抽壳出现模型穿刺
SolidWorks 2020 非对称Conic Rho圆角 抽壳出现模型穿刺 标准对称圆角最常用,但有时偶尔也会用到非对称圆角。 特别是模具、五金、电子、手饰、汽车、家具、玩具、等对圆[895/2022-05-25]
NumPy 1.22 官方中文文档编制 手册帮助 更新日志
NumPy 1.22 官方中文文档编制 手册帮助 更新日志 以后不再上传 en-US 官方原版文档编制,目前上传的最新 zh-CN 人工翻译版本为 NumPy 1.22。 NumPy 1.22 中文文档编制采用[585/2022-05-22]
NumPy 1.22 官方中文文档编制 手册帮助 全人工翻译
NumPy 1.22 官方中文文档编制 手册帮助 全人工翻译 以后不再上传 en-US 官方原版文档编制,目前上传的最新 zh-CN 人工翻译版本为 NumPy 1.22。 NumPy 1.22 中文文档编制采[661/2022-05-22]
Pillow 9.1.1 官方中文文档编制 手册帮助 更新日志
Pillow 9.1.1 官方中文文档编制 手册帮助 更新日志 以后不再上传 en-US 官方原版文档编制,目前上传的最新 zh-CN 人工翻译版本为 Pillow 9.1.1。 Pillow 9.1.1 中文文档编[630/2022-05-22]
Pillow 9.1.1 官方中文文档编制 手册帮助 全人工翻译
Pillow 9.1.1 官方中文文档编制 手册帮助 全人工翻译 以后不再上传 en-US 官方原版文档编制,目前上传的最新 zh-CN 人工翻译版本为 Pillow 9.1.1。 Pillow 9.1.1 中文文档[581/2022-05-22]
PyMuPDF 1.19.6 官方中文文档编制 手册帮助 更新日志
PyMuPDF 1.19.6 官方中文文档编制 手册帮助 更新日志 以后不再上传 en-US 官方原版文档编制,目前上传的最新 zh-CN 人工翻译版本为 PyMuPDF 1.19.6。 PyMuPDF 1.19.6 中文[1164/2022-05-22]
PyMuPDF 1.19.6 官方中文文档编制 手册帮助 全人工翻译
PyMuPDF 1.19.6 官方中文文档编制 手册帮助 全人工翻译 以后不再上传 en-US 官方原版文档编制,目前上传的最新 zh-CN 人工翻译版本为 PyMuPDF 1.19.6。 PyMuPDF 1.19.6 中[998/2022-05-22]
Qt 6.3.0 官方中文文档编制 手册教程 帮助文件 人工翻译
Qt 6.3.0 官方中文文档编制 手册教程 帮助文件 人工翻译 以后不再上传 en-US 官方原版文档编制,目前上传的最新 zh-CN 人工翻译版本为 Qt 6.3.0。 Qt 6.3.0 中文文档编制[2448/2022-05-02]

Archiver|Sitemap|小黑屋|德云社区   

GMT+8, 2024-4-27 16:35 , Processed in 0.071523 second(s), 27 queries .

工业和信息化部: 粤ICP备14079481号-2

技术支持 乐数软件     版权所有 © 2014-2021 德云社区    

返回顶部