詳解CSS定義HR水平線的幾種樣式

DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 詳解CSS定義HR水平線的幾種樣式

詳解CSS定義HR水平線的幾種樣式

編輯：CSS詳解

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xHtml1-transitional.dtd">
<Html XMLns="http://www.w3.org/1999/xHtml" XML:lang="en" lang="en">
<head>
<title>CSS定義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>

HTML 5 Web Sockets應用初探(3): 第六步：JavaScript首先我們將代碼放到jQuery 的 document.ready函數中
CSS border-collapse屬性用法解析: 現在所有主流浏覽器都支持 border-collapse 屬性，這裡就和大家分享一下CSS bor
CSS實現圓角、透明在IE、火狐中的代碼兼容解決辦法: 用CSS實現圓角和div透明效果時會遇到一些浏覽器兼容性問題，比如下面列舉的這些代碼，在IE和火狐

DIV CSS 佈局教程網