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

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

hr如何設置虛線樣式？多種hr樣式分享！

發表時間：2023-08-29 來源：明輝站整理相關軟件相關文章人氣：

[摘要]本篇文章主要給大家介紹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中文網其它相關文章！


網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
主站蜘蛛池模板： 亚洲国产成人资源在线桃色 | 色综合色综合色综合 | 日本成人在线网址 | 青青青在线视频人视频在线 | 亚洲精品亚洲人成在线观看麻豆 | 欧美野外性xxxxfeexxxx | 丝袜美女啪啪 | 亚洲欧美日韩成人一区在线 | 在线天堂最新版资源 | 天天做天天爱天天影视综合 | 亚洲国产欧美在线 | 欧美一级淫片a免费播放口aaa | 日本极品另类 | 四虎影视在线影院在线观看 | 一级免费黄色 | 一二三四在线观看日本 | 自拍视频在线播放 | 日本一道高清不卡免费 | 亚洲无线乱码高清在线观看一区 | 午夜爱爱爱爱爽爽爽网站免费 | 深夜福利成人 | 三级黄色高清视频 | 亚洲男人的天堂久久香蕉网 | 日韩a一级欧美一级在线播放 | 色狠狠色狠狠综合天天 | 欧洲一区在线观看 | 我在修仙世界朝九晚五漫画免费观看 | 无遮挡在线观看 | 欧美中字 | 青草资源视频在线高清观看 | 天天干妹子 | 日韩午夜片 | 日本精品a在线 | 日本不卡一区二区三区 | 中文在线观看免费网站 | 日本高清视频在线www色下载 | 日本免费不卡视频一区二区三区 | 五级毛片| 天天噜夜夜噜 | 欧美性猛交xxxx乱大交be | 亚洲三级影视 |