當前位置:妙知谷 >

母嬰教育 >學習交流 >

html中hr的各種樣式使用

html中hr的各種樣式使用

HTML的hr標籤可以創建一條水平線。下面,我們來看看html中hr的各種樣式使用吧。

操作方法

創建一條水平線
先使用<hr/>標籤來創建一條水平線,如下圖所示:

html中hr的各種樣式使用
html中hr的各種樣式使用 第2張

hr的高度
使用style來設置hr水平線的樣式,比如設置hr的高度, <hr style=" height:30px" />。如下圖所示:

html中hr的各種樣式使用 第3張
html中hr的各種樣式使用 第4張

沒有邊框
使用border:none;來設置hr沒有邊框,如下圖所示:

html中hr的各種樣式使用 第5張

dotted 虛線
使用dotted將水平線設置成虛線,如下圖所示:

html中hr的各種樣式使用 第6張
html中hr的各種樣式使用 第7張
標籤: HTML HR
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/jy/jiaoliu/4od7d.html