|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 本篇文章給大家帶來的內容是關于css中border(邊框) 屬性特點的介紹,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。簡寫順序:width-style-color eg:p{border:1px solid red;} 按簡寫順序依次介紹每個屬性特點: 一、border-width:medium(默認。中等):thin;thick;thick;length;inherit; 二、border-style:none(默認。無);hidden(與none相同,應用于表時除外,對于表用于解決邊框沖突);dotted(點狀邊框);dashed(虛線)、solid(實線);double(雙線);groove(3D凹槽);ridge(3D壟狀);inset(3D嵌入);outset(3D突出);inherit; 三、border-color:color(name,16進制,rgb);transparent:inherit. 四、border-radius:0(默認值);length(px);%; 還可以分開賦值:border-top-left-radius;border-top-right-radius;border-bottom-left-radius;border-bottom-right-radius; 五、border-image:source slice width outset repeat;省略的值為它們的默認值 eg: div{
border-image:url(img.png) 30 30 round;
-webkit-border-image:url(img.png) 30 30 round;/*safari 5 and older*/
-o-border-image:url(img.png) 30 30 round;/*Opera*/
}六、box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2) 0.2表示透明度 注釋:ie9+支持border-radius和box-shadow屬性;firefox、chrome、opera以及safafi支持所有新邊框屬性(即:border-radius;border-image和box-shadow);對于border-image,safari5以及更老的版本需要前綴-webkit-,opera需要前綴-o-; 相關推薦: 關于css中的border-collapse_html/css_WEB-ITnose CSS border-left-color屬性_html/css_WEB-ITnose 以上就是css中border(邊框) 屬性特點的介紹的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!