免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

文本填充,邊框,邊界和位置屬性

2024-01-25    分類: 網站建設

一、框填充屬性

1、padding-bottom padding-left padding-top padding-right

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

2、padding

功能:是個簡寫屬性,用于設置上,下,左,右各個方向邊框和內容元素的間距。 數值:同前。 說明:用單一值可以讓毎邊等距填充;如果用兩個值,則第一個值用于上下填充,第二個值用于左右填充;如果用三個值,則賦于上邊填充,左右填充和下邊填充;如果用四個值,則分別用于上,右,下,左填充。可以混合數值類型。 例子

二、框邊框屬性

1、border-top border-bottom border-right border-left

功能:這四個屬性都是簡寫屬性,分別設置上,下,右,左的邊框屬性。缺省情況下,邊框沒有樣式設置。 數值:共有三個邊框屬性 border-width: 取值為 thin, medium, thick或指定長度。 border-style: 設置用于修飾邊框的底紋。可以設置下列樣式:none, dotted,doshed, solid, double, groove, ridge, inset, outset。 border-color: 設置邊框顏色。 例子

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

功能:分別設置各個邊框的厚度。 數值: thin - 細邊框。 medium - 中等線寬。 thick - 粗線。 長度 - 用相對或絕對單位設置邊框寬度。 例子

3、border-width

功能:簡寫屬性,可同時設置四個邊框的寬度。 數值: thin - 細邊框。 medium - 中等線寬。 thick - 粗線。 長度 - 用相對或絕對單位設置邊框寬度。 說明:見 padding 說明。 例子:

邊框屬性

4、border-color

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

邊框顏色

5、border-style

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

Example1

Example2

6、border

功能:簡寫屬性,設置所有邊框屬性。 數值: border-width - 取值 thin, medium, thick 或指定長度。 border-style - 取值 none, dotted, dashed, solid, double, groove, ridge, inset, outset border-color - 可用顏色名或RGB值。 說明:與其它簡寫屬性不同的是,每個設置只能取一個值,這個屬性均勻作用于框的各邊。

本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司!

分享名稱:文本填充,邊框,邊界和位置屬性
路徑分享:http://m.newbst.com/news2/315352.html

成都網站建設公司_創新互聯,為您提供網站維護做網站App開發網站策劃網站設計自適應網站

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

h5響應式網站建設