CSS border-width邊框寬度屬性

2012/11/26 15:44:27作者：佚名來源：網絡

移動端

【實例介紹】

設置對象的上邊框、右邊框、下邊框和左邊框的寬度。

【基本語法】

border-width：medium | thin | thick | length

【語法介紹】

medium：默認寬度。
thiIl：小于默認寬度。
thick：大于默認寬度。
length：由浮點數字和單位標識符組成的長度值，不可為負值。

【實例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<head><style type="text/css">
.b {
border-top-style: dashed;
border-right-style: dashed;
border-bottom-style: dotted;
border-left-style: solid;
line-height: 20px;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 1px;
border-left-width: 2px;
}
</style>
</head>
<body class="b">
一個平庸的少年，踏入仙途，如何一步一步走向巔峰，憑一己之力，揚名修真界的故事。
</body>
</html>

【代碼分析】

在代碼中，加粗部分的標記分別用來設置上、右、下、左邊框的寬度，在瀏覽器中預覽效果,如圖所示。

邊框寬度border-width運行效果