CSS定義HR水平線的幾種樣式_文本鏈接特效

CSS定義HR水平線的幾種樣式，不要小看了HR水平線哦，用好了會給你的網頁增色不少，這一段代碼分別定義了幾種漂亮的HR樣式及顏色，供你參考，如果喜歡，直接拷貝代碼就用吧。

公司主營業務：成都網站設計、成都網站建設、移動網站開發等業務。幫助企業客戶真正實現互聯網宣傳，提高企業的競爭能力。創新互聯是一支青春激揚、勤奮敬業、活力青春激揚、勤奮敬業、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業文化，感謝他們對我們的高要求，感謝他們從不同領域給我們帶來的挑戰，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創新互聯推出個舊免費做網站回饋大家。

CSS如何定義HR水平線樣式

!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?""

html?xmlns=""?xml:lang="en"?lang="en"

head

titleCSS定義HR水平線/title

style?type="text/css"

.hr0{?height:1px;border:none;border-top:1px?dashed?#0066CC;}

.hr1{?height:1px;border:none;border-top:1px?solid?#555555;}

.hr2{?height:3px;border:none;border-top:3px?double?red;}

.hr3{?height:5px;border:none;border-top:5px?ridge?green;}

.hr4{?height:10px;border:none;border-top:10px?groove?skyblue;}

/style

/head

body

hr?class="hr0"?/

hr?class="hr1"?/

hr?class="hr2"?/

hr?class="hr3"?/

hr?class="hr4"?/

/body

/html

hr在css中怎么使用?

css是樣式控制，而hr標簽是內容強制換行，屬于內容層面的東西，如果愿意添加不是不可以，都是完全可以的，但是為了保持代碼清潔，不建議div和hr一起用

CSS 標記 畫出的線 居左 怎么實現？

hr在chrome中默認是左對齊。在IE中默認是居中對齊，要想左對齊css中用text-align:left。

hr style="text-align:left;" 或 hr align="left"

hr的顏色設置

hr style="border:0;background-color:#ff0000;height:1px;"

如果不加border:0;的話，雖然顏色改變了，但是會顯示一條黑色的邊框。如果不加height:1px;的話，在chrome會顯示不出來。

html中如何把hr中的實線改換為虛線

html中hr的虛線樣式可用過CSS樣式來控制，具體代碼如下：

例如紅色的虛線，代碼可這樣寫：

行內樣式 hr style="border:1px dotted red"

css中有什么效果

hr 標簽在 HTML 頁面中創建一條水平線。

水平分隔線（horizontal rule）可以在視覺上將文檔分隔成各個部分。

至于CSS，如果不針對HR標簽書寫CSS樣式，那就只是一條黑色水平線。

CSS可以定義更漂亮的分割線。例如顏色描邊背景邊距等。

網站標題：hr樣式css,hr的css樣式
路徑分享：http://m.2m8n56k.cn/article2/dscdcoc.html

成都網站建設公司_創新互聯，為您提供企業網站制作、做網站、建站公司、Google、企業建站、App設計

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯