萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> 設置htmlhr顏色

設置htmlhr顏色

歡迎大家在這裡學習htmlhr顏色!這裡是我們給大家整理出來的精彩內容。我相信,這些問題也肯定是很多朋友在關心的,所以我就給大家談談這個!

我用的編輯器是eclipse,這個根據個人喜好來定,用什麼都無所謂的,就算你直接用txt也照樣能實現這裡的效果,畢竟只是靜態。

第一種:

<hr style=" height:2px;border:none;border-top:2px dotted #185598;" />

height:2px;是hr的高度

border:none;是沒有邊框

border-top:2px dotted #185598;是設置橫線的樣式

dotted  虛線  #185598  顏色

第二種:

<hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />

第三種:

<hr style="height:1px;border:none;border-top:1px solid #555555;" />

第四種:

<hr style="height:3px;border:none;border-top:3px double red;" />

第五種:

<hr style="height:5px;border:none;border-top:5px ridge green;" />

第六種:

<hr style="height:10px;border:none;border-top:10px groove skyblue;" />

border-top:10px groove skyblue;    groove  上顏色        skyblue   下顏色

只要hr樣式用的好,會讓你的網頁活靈活現的哦!

好了,htmlhr顏色內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦:

如何設置htmldiv背景顏色呢 

htmlbutton顏色介紹 

copyright © 萬盛學電腦網 all rights reserved