CSS是一種用于定義網(wǎng)頁(yè)樣式的語(yǔ)言。除了可以為元素設(shè)置顏色、字體、大小等基本屬性外,還可以設(shè)定元素的厚度。
//設(shè)置元素邊框厚度 border-width: 厚度值;
厚度值可以用像素、點(diǎn)、毫米等單位來(lái)表示,還可以使用關(guān)鍵字thin、medium、thick來(lái)設(shè)定邊框的厚度。
//厚度值為2像素 border-width: 2px; //厚度值為1點(diǎn) border-width: 1pt; //厚度值為0.5毫米 border-width: 0.5mm; //使用關(guān)鍵字設(shè)定厚度 border-width: thin; //最細(xì)邊框 border-width: medium; //普通邊框 border-width: thick; //最粗邊框
如果想只設(shè)定元素某一邊的厚度,可以使用border-top-width、border-right-width、border-bottom-width、border-left-width屬性分別設(shè)定上、右、下、左四個(gè)方向的厚度。
//只設(shè)定上邊框厚度 border-top-width: 1px; //設(shè)定每個(gè)方向的厚度 border-top-width: 2px; border-right-width: 4px; border-bottom-width: 1px; border-left-width: 3px;
設(shè)置元素的厚度,不僅可以美化頁(yè)面效果,還能起到分隔、區(qū)分的作用。在網(wǎng)頁(yè)排版中使用得當(dāng),可以幫助用戶更好地理解頁(yè)面內(nèi)容。