国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

【叢林】CSS 邊框淺談

seanlook / 3513人閱讀

摘要:如果邊框樣式是,邊框?qū)挾葘?shí)際上會(huì)重置為。不允許指定負(fù)長(zhǎng)度值。值描述定義無(wú)邊框。不過應(yīng)用于表時(shí)除外,對(duì)于表,用于解決邊框沖突。如果沒有為邊框聲明顏色,它將與元素的文本顏色相同。這個(gè)值用于創(chuàng)建有寬度的不可見邊框。擴(kuò)展屬性邊框圖像

定義和用法

圍繞元素內(nèi)容和內(nèi)邊距的一條或多條線。

基本屬性:寬度、樣式、顏色 寬度 border-width

border-width 簡(jiǎn)寫屬性為元素的所有邊框設(shè)置寬度,或者多帶帶地為各邊邊框設(shè)置寬度。

值可以是指定的長(zhǎng)度,比如 1px ,也可以是三個(gè)關(guān)鍵字之一:thinmediumthick,分別是細(xì)、中等(默認(rèn))和粗。

只有當(dāng)邊框樣式不是 none 時(shí)才起作用。如果邊框樣式是 none,邊框?qū)挾葘?shí)際上會(huì)重置為 0。不允許指定負(fù)長(zhǎng)度值。

邊框的設(shè)置順序?yàn)閠op-right-bottom-left,知道順序便可簡(jiǎn)寫。

樣式 border-style

border-style 屬性用于設(shè)置元素邊框的樣式。

描述
none 定義無(wú)邊框。
hidden 與 "none" 相同。不過應(yīng)用于表時(shí)除外,對(duì)于表,hidden 用于解決邊框沖突。
dotted 定義點(diǎn)狀邊框。在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線。
dashed 定義虛線。在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線。
solid 定義實(shí)線。
double 定義雙線。雙線的寬度等于 border-width 的值。
groove 定義 3D 凹槽邊框。其效果取決于 border-color 的值。
ridge 定義 3D 壟狀邊框。其效果取決于 border-color 的值。
inset 定義 3D inset 邊框。其效果取決于 border-color 的值。
outset 定義 3D outset 邊框。其效果取決于 border-color 的值。

默認(rèn)值是none,因此如果希望邊框出現(xiàn),就必須聲明一個(gè)樣式。

可以為一個(gè)邊框定義多個(gè)樣式 。

只有當(dāng)這個(gè)值不是 none 時(shí)邊框才可能出現(xiàn)。

顏色 border-color

border-color 屬性用于設(shè)置元素邊框的顏色。

默認(rèn)的邊框顏色是元素本身的前景色。如果沒有為邊框聲明顏色,它將與元素的文本顏色相同。另一方面,如果元素沒有任何文本,假設(shè)它是一個(gè)表格,其中只包含圖像,那么該表的邊框顏色就是其父元素的文本顏色(因?yàn)?color 可以繼承)。這個(gè)父元素很可能是 body、div 或另一個(gè) table。

邊框可以設(shè)置為透明,值為transparent。這個(gè)值用于創(chuàng)建有寬度的不可見邊框 。

邊框與背景

邊框在元素的背景之上。

邊框圓角

元素四周的圓角效果是經(jīng)常需要的功能,border-radius屬性可以設(shè)置圓角。

ie9之前的版本不兼容圓角屬性。

值是指定的長(zhǎng)度,比如4px。

擴(kuò)展屬性 邊框圖像border-image

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/113635.html

相關(guān)文章

  • 叢林】HTML Table 表格淺談邊框、隔行變色

    摘要:表格的一個(gè)單元格,一行中包含幾對(duì),一行中就有幾列。。表格的頭部的一個(gè)單元格,表格表頭。表格標(biāo)題屬性表格邊框的寬度。表格單元邊界與單元內(nèi)容之間的間距內(nèi)邊距。單元格之間的間距。可填寫或任意數(shù)字,分別代表奇數(shù)行列偶數(shù)行列或指定行列 showImg(https://segmentfault.com/img/bVbeipJ?w=649&h=665); 此例子已經(jīng)包含本文大部分內(nèi)容,請(qǐng)對(duì)照參考。查...

    sshe 評(píng)論0 收藏0
  • 叢林】HTML Table 表格淺談邊框、隔行變色

    摘要:表格的一個(gè)單元格,一行中包含幾對(duì),一行中就有幾列。。表格的頭部的一個(gè)單元格,表格表頭。表格標(biāo)題屬性表格邊框的寬度。表格單元邊界與單元內(nèi)容之間的間距內(nèi)邊距。單元格之間的間距。可填寫或任意數(shù)字,分別代表奇數(shù)行列偶數(shù)行列或指定行列 showImg(https://segmentfault.com/img/bVbeipJ?w=649&h=665); 此例子已經(jīng)包含本文大部分內(nèi)容,請(qǐng)對(duì)照參考。查...

    szysky 評(píng)論0 收藏0
  • 叢林CSS background 背景淺談

    摘要:不建議使用英文代碼,不同瀏覽器對(duì)不同顏色代碼處理的效果有可能不同。背景圖像指定顯示的背景圖片,用設(shè)置路徑。固定,當(dāng)頁(yè)面的其余部分滾動(dòng)時(shí),背景圖像不會(huì)移動(dòng)。 定義和用法 基本屬性:color, image, position, repeat 背景顏色 background-color 值為顏色值或transparent二者選其一,默認(rèn)值是transparent(透明)。 顏色值可以為...

    tinyq 評(píng)論0 收藏0
  • 淺談CSS3 box-sizing 屬性 有趣的盒模型

    摘要:盒模型的組成大家肯定都懂,由里向外盒模型是有兩種標(biāo)準(zhǔn)的,一個(gè)是標(biāo)準(zhǔn)模型,一個(gè)是模型。指定元素的寬度和高度最小最大屬性適用于的寬度和高度。盒模型的組成大家肯定都懂,由里向外content,padding,border,margin. 盒模型是有兩種標(biāo)準(zhǔn)的,一個(gè)是標(biāo)準(zhǔn)模型,一個(gè)是IE模型。 ?從上面兩圖不難看出在標(biāo)準(zhǔn)模型中,盒模型的寬高只是內(nèi)容(content)的寬高, 而在IE模型中盒模型...

    K_B_Z 評(píng)論0 收藏0
  • 淺談web自適應(yīng)

    摘要:本篇文章分享了一些處理多屏幕自適應(yīng)的經(jīng)驗(yàn),希望有益于各位。該寬度自適應(yīng)在新的時(shí)代有了新的方法,隨著彈性布局的普及,它經(jīng)常被的伸縮性布局方式替代,變得越來越彈性十足。 轉(zhuǎn)自:http://www.cnblogs.com/consta... 前言 隨著移動(dòng)設(shè)備的普及,移動(dòng)web在前端工程師們的工作中占有越來越重要的位置。移動(dòng)設(shè)備更新速度頻繁,手機(jī)廠商繁多,導(dǎo)致的問題是每一臺(tái)機(jī)器的屏幕寬度和...

    kid143 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

seanlook

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<