九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
CSS屬性篇(四):邊框?qū)傩?/div>

{框填充屬性

padding-bottom
padding-left
padding-top
padding-right

功能:毎個(gè)容器都有邊框,這些屬性設(shè)置邊框與框內(nèi)元素間的距離。
數(shù)值:
長(zhǎng)度 - 設(shè)置相對(duì)或絕對(duì)值。在數(shù)字后指定度量單位如下:mm, cm, in, pt, px, pc, ex, em。em 和 ex 設(shè)置產(chǎn)生相對(duì)于父字體的字體尺寸。
百分比 - 以父元素的百分比設(shè)置邊框。
說明:填充值不能使用負(fù)值,但可以是小數(shù)。

框填充屬性--- padding

功能:是個(gè)簡(jiǎn)寫屬性,用于設(shè)置上,下,左,右各個(gè)方向邊框和內(nèi)容元素的間距。
數(shù)值:同前。
說明:用單一值可以讓毎邊等距填充;如果用兩個(gè)值,則第一個(gè)值用于上下填充,第二個(gè)值用于左右填充;如果用三個(gè)值,則賦于上邊填充,左右填充和下邊填充;如果用四個(gè)值,則分別用于上,右,下,左填充??梢曰旌蠑?shù)值類型。

框邊框?qū)傩?br>border-top
border-bottom
border-right
border-left

功能:這四個(gè)屬性都是簡(jiǎn)寫屬性,分別設(shè)置上,下,右,左的邊框?qū)傩?。缺省情況下,邊框沒有樣式設(shè)置。
數(shù)值:共有三個(gè)邊框?qū)傩?br>border-width: 取值為 thin, medium, thick或指定長(zhǎng)度。
border-style: 設(shè)置用于修飾邊框的底紋??梢栽O(shè)置下列樣式:none, dotted,doshed, solid, double, groove, ridge, inset, outset。
border-color: 設(shè)置邊框顏色。

框邊框?qū)傩?/p>

border-top-width
border-bottom-width
border-right=width
border-left-width

功能:分別設(shè)置各個(gè)邊框的厚度。
數(shù)值:
thin - 細(xì)邊框。
medium - 中等線寬。
thick - 粗線。
長(zhǎng)度 - 用相對(duì)或絕對(duì)單位設(shè)置邊框?qū)挾取?/p>

框邊框?qū)傩?/p>

border-color

功能:簡(jiǎn)寫屬性,設(shè)置四個(gè)邊框的顏色值。
數(shù)值:可以用顏色名或RGB值。如果指定單個(gè)顏色,則四個(gè)邊框都顯示為這個(gè)顏色;如果指定兩個(gè)顏色,則順序?yàn)樯舷?,左右;如果指定三種顏色,則順序?yàn)樯?,左右,下;如果指定四種顏色,則順序?yàn)樯?,右,下,左?br>說明:顏色名如下
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.
對(duì)于RGB值,可用三種方法指定
#rrggbb; rgb(r,g,b); rgb(r%,g%,b%)

框邊框?qū)傩?/p>

border

功能:簡(jiǎn)寫屬性,設(shè)置所有邊框?qū)傩浴?br>數(shù)值:
border-width - 取值 thin, medium, thick 或指定長(zhǎng)度。
border-style - 取值 none, dotted, dashed, solid, double, groove, ridge, inset, outset
border-color - 可用顏色名或RGB值。
說明:與其它簡(jiǎn)寫屬性不同的是,每個(gè)設(shè)置只能取一個(gè)值,這個(gè)屬性均勻作用于框的各邊。

框邊框?qū)傩?/p>

border-style

功能:用于顯示邊框和指定邊框樣式。
數(shù)值:
none - 不顯示邊框,為缺省值
dotted - 點(diǎn)線
dashed - 虛線
solid - 實(shí)線
double - 雙線
groove - 3D陷入線
ridge - 3D山脊?fàn)罹€
inset - 使頁面有沉入感
outset - 使頁面有浮出感
說明:并非所有瀏覽器都能顯示ridge, inset, outset 之類的樣式,有些瀏覽器將所有邊框都繪制成實(shí)線。

框邊界屬性

margin-bottom
margin-left
margin-right
margin-top

功能:這四個(gè)屬性用來設(shè)置元素與其相鄰元素間的距離,可以用長(zhǎng)度或相對(duì)于其父文本的寬度的百分比來定義,也可以自動(dòng)處理。
數(shù)值:
長(zhǎng)度 - 設(shè)置元素相應(yīng)邊與框邊緣之間的相對(duì)或絕對(duì)距離,有效單位為:mm, cm, in, px, pt, pica,ex, em ...
百分比 - 以父元素寬度的百分比設(shè)置邊界尺寸。
auto - 自動(dòng),這個(gè)設(shè)置取瀏覽器的缺省邊界。

框邊界屬性

margin

功能:簡(jiǎn)寫屬性,用于設(shè)置元素的所有邊界。這是用于描述元素的內(nèi)容的邊緣到框邊緣的距離的。這個(gè)區(qū)總是透明的,可以看到下面的頁面背景。
數(shù)值:
長(zhǎng)度 - 同前
百分比 - 以父元素寬度的百分比設(shè)置邊界尺寸。
auto - 自動(dòng),這個(gè)設(shè)置取瀏覽器的缺省邊界。

框位置屬性

height

功能:設(shè)置元素高度,瀏覽器按照這個(gè)高度調(diào)整圖形。
數(shù)值:
長(zhǎng)度 - mm, cm, px, pt, .....
auto - 自動(dòng)。

框位置屬性

width

功能:設(shè)置元素寬度,瀏覽器按照這個(gè)寬度調(diào)整圖形。
數(shù)值:
長(zhǎng)度 - mm, cm, in, px, pt, ......
百分比 - 將圖形尺寸設(shè)置為父元素寬度的百分比。
auto - 自動(dòng)調(diào)整

框位置屬性

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
生活服務(wù)
熱點(diǎn)新聞
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服