cssdiv浮動怎麼調?在網頁設計中經常用到css來設計各種邊框樣式以及顔色等,有時候需要一個div隻顯示一個邊框,那麼你可能會用到下面的一些方法,我來為大家科普一下關于cssdiv浮動怎麼調?以下内容希望對你有幫助!
在網頁設計中經常用到css來設計各種邊框樣式以及顔色等,有時候需要一個div隻顯示一個邊框,那麼你可能會用到下面的一些方法。
一、CSS border-width 屬性
border-width是實現顯示邊框的重要屬性。用法如下:
border-width:top right bottom left
參數說明:
top:上邊框屬性,可以設置像素,也可以設置樣式,意思為上邊框的寬度。
right:右邊框屬性,可以設置像素,也可以設置樣式,意思為上邊框的寬度。
bottom:下邊框屬性,可以設置像素,也可以設置樣式,意思為上邊框的寬度。
left:左邊框屬性,可以設置像素,也可以設置樣式,意思為上邊框的寬度。
其中像素如:10px 20px等
内置樣式有:
thin:定義細的邊框;
medium:默認值,定義中等邊框;
thick:定義粗的邊框;
inherit:繼承父元素的邊框寬度。
二、CSS border-style 屬性
border-style是用來設置邊框線樣式的,語法如下:
border-style:樣式;
其中可設置的樣式有:
none 定義無邊框。
hidden 與 "none" 相同。不過應用于表時除外,對于表,hidden 用于解決邊框沖突。
dotted 定義點狀邊框。在大多數浏覽器中呈現為實線。
dashed 定義虛線。在大多數浏覽器中呈現為實線。
solid 定義實線。
double 定義雙線。雙線的寬度等于 border-width 的值。
groove 定義 3D 凹槽邊框。其效果取決于 border-color 的值。
ridge 定義 3D 壟狀邊框。其效果取決于 border-color 的值。
inset 定義 3D inset 邊框。其效果取決于 border-color 的值。
outset 定義 3D outset 邊框。其效果取決于 border-color 的值。
inherit 規定應該從父元素繼承邊框樣式。
三、實例應用
隻要定義邊框不為0,即可顯示邊框(但是需要定義邊框線樣式),如果想要隻顯示下邊框就相當于把top、right、left設置為0px;下邊框不為0即可。
實例如下:
<html>
<head>
<meta charset='utf-8'>
<title>标題</title>
</head>
<body>
<style>
.show{ border-width: 0 0 1px 0; border-style: solid; border-color: black; }
</style>
<div class='show'>隻顯示下邊框</div>
</body>
</html>
顯示如下:
如果想要隻顯示右邊框隻需要改border-width屬性為 0 1px 0 0即可。
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!