六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

hr如何設置虛線樣式?多種hr樣式分享!

[摘要]本篇文章主要給大家介紹HTML中hr標簽設置虛線的方法以及幾種好看的hr樣式分享。想必大家對于hr標簽已經非常熟悉了,在我們網頁設計中,常常會需要使用hr標簽達到分隔線的效果。<hr> 標簽官方給的定義就是在 HTML 頁面中創建一條水平線。那么從美觀上來說,好看的水平線肯定能讓你的網...
本篇文章主要給大家介紹HTML中hr標簽設置虛線的方法以及幾種好看的hr樣式分享。

想必大家對于hr標簽已經非常熟悉了,在我們網頁設計中,常常會需要使用hr標簽達到分隔線的效果。

<hr> 標簽官方給的定義就是在 HTML 頁面中創建一條水平線。

那么從美觀上來說,好看的水平線肯定能讓你的網頁內容展現得層次分明,內容清晰可見,并且也會提升用戶體檢。

推薦參考視頻教程:《HTML教程

下面我們就給大家介紹hr設置虛線樣式的方法以及其他幾款好看的hr樣式分享。

hr使用代碼示例如下:

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>hr標簽使用示例</title>
<head>
    <style>
    </style>
</head>
<body>
<div>
    <hr style=" height:5px;border:none;border-top:2px dotted #ff3844;" /><br>
    <hr style="height:10px;border:none;border-top:10px groove #1094f2;" /><br>
    <hr style="height:11px;border:none;border-top:5px ridge #4cedef;" /><br>
    <hr style="height:8px;border:none;border-top:3px double #9492ff;" />
</div>

</body>
</html>

前臺效果如下:

f70bb3f5761517b46f808bcd462cb97.png

那么以上就是四款好看的hr樣式分享,其中第一條就是虛線設置。

大家只要熟練的掌握hr標簽的使用,就可以在你的網頁靈活運用。

注:水平分隔線(horizontal rule)可以在視覺上將文檔分隔成各個部分,并且在 HTML 中,<hr> 標簽沒有結束標簽。

height:5px;是指hr的高度

border:none;無邊框的設置。

border-top:2px dotted #ff3844;設置水平線的樣式

dotted表示虛線

#185598 表示顏色

那么本篇就是關于HTML中hr標簽設置虛線以及其他樣式的方法介紹,非常簡單易懂,希望對需要的朋友有所幫助!

以上就是hr怎么設置虛線樣式?多種hr樣式分享!的詳細內容,更多請關注php中文網其它相關文章!


網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




主站蜘蛛池模板: 日本不卡视频 | 亚洲一区二区三区免费在线观看 | 日韩第七页 | 揄拍成人国产精品视频 | 四虎免费在线视频 | 中国女人特级毛片 | 色偷偷亚洲女性天堂 | 特黄特色一级特色大片中文 | 日韩在线小视频 | 日韩欧美国产中文字幕 | 特级生活片 | 亚洲性视频网站 | 最新欧美伦禁片在线观看 | 青草青在线视频 | 在线免费观看韩国a视频 | 亚洲欧美一级视频 | 五月婷婷六月激情 | 最好免费高清视频观看韩国 | 午夜视频免费在线播放 | 伊人网网站 | 最近韩国日本高清免费观看 | 午夜无遮挡怕怕怕免费视频 | 中文字幕乱码视频中文字幕14 | 欧美专区日韩 | 日韩中文字幕在线 | 性刺激欧美三级在线观看 | 亚洲黄色网址大全 | 先锋影音va中文资源 | 色综合天天干 | 亚洲欧美日韩精品一区 | 性刺激欧美三级在线现看中文 | 五月婷婷影院 | 色综合天天综合网国产国产人 | 天天五月天 | 欧美在线播放一区二区 | 天天爽夜夜爽一区二区三区 | 香蕉香蕉国产片一级一级毛片 | 日韩999| 日韩高清在线播放不卡 | 青娱乐自拍 | 日本成人福利视频 |