liangsheng 发表于 2015-6-26 14:19:49

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

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)编程的基础,也就是说万维网是建立在超文本基础之上的。超文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓 “超链接” 点。http://dts.digitser.cn/images/app/S-750x600/browser/2019.jpg
HTML4/HTML5 用 CSS 修改 <hr> 线条样式

#线型EN 名称
HTML4HTML5说明备注
01实线solid hr{border:0;border-top:1px solid #eee}hr{border:0;border-top:1px solid #eee} 1 像素实线顶边框,颜色#eee

02虚线dashed hr{border:0;border-top:1px dashed #eee} hr{border:0;border-top:1px dashed #eee}1 像素虚线顶边框,颜色#eee

03点线
dotted hr{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 名称
HTML4HTML5说明备注
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 像素

http://forum.digitser.cn/data/attachment/forum/201605/19/132155fevczeyds5e5y1wy.jpg扫一扫关注 德云社区 微信公众号
版权声明:
本文为独家原创稿件,版权归 德云社区,未经许可不得转载。
页: [1]
查看完整版本: HTML4/HTML5 用CSS或style属性修改 <hr> 实线 虚线 点线 双实线样式