css solid什么意思_第1頁
免費(fèi)預(yù)覽已結(jié)束,剩余1頁可下載查看

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

1、css solid什么意思style="border:thinsolidred"border后面的三個參數(shù)的含義是:邊框線的寬度是:thin(細(xì)線);邊框線的類型:solid(實線);邊框線的色彩:red(紅色)。邊框線的寬度有三個標(biāo)準(zhǔn)值:thin(細(xì)線)、medium(中粗線)和thick(粗線),1、給文本加邊框上面的示例中,給一段文字加了不同的邊框,只是為了解釋邊框線的色彩、粗細(xì)是可變的。第一個邊框的css代碼是:style="border:thinsolidred";border后面的三個參數(shù)的含義是:邊框線的寬度

2、是:thin(細(xì)線);邊框線的類型:solid(實線);邊框線的色彩:red(紅色)。邊框線的寬度有三個標(biāo)準(zhǔn)值:thin(細(xì)線)、medium(中粗線)和thick(粗線),此外,也可以自定義寬度,如:1pt、5px、2cm等。邊框線的類型有九個確定值:none(無邊框線)、dotted(由點組成的虛線)、dashed(由短線組成的虛線)、solid(實線)、double(雙線,雙線寬度加上它們之間的空白部分的寬度就等于border-width定義的寬度)、groove(3d溝槽狀的邊框)、ridge(3d脊?fàn)畹倪吙颍?、inset(3d內(nèi)嵌邊框,色彩較深)、outset(3d外嵌邊框,色彩較淺

3、),注重:假如系統(tǒng)不支持這些邊框的屬性值,那么dotted、dashed、double、groove、ridge、inset和outset都會被solid代替。邊框線的色彩:可以用十六進(jìn)制的色彩代碼,如00ffcc。從上面可以看出,給文本加邊框的確很容易,上例中后面那幾個邊框的設(shè)置,我不講你也明了了吧!在這里告知你一點小技巧,給一段文本加邊框,可把css加在p標(biāo)志里;給幾段文本加邊框,先把那幾段文本用div標(biāo)志括起來,再把css加在div標(biāo)志里;若是要給一行文本加幾個不同的邊框,則需要把文本放在表格里,再把css分離加到td標(biāo)志里。2、給導(dǎo)航菜單加分隔線上面這個例子中的小白線,固然可以用圖象來

4、做,但我在這里是用css的border的擴(kuò)展屬性畫了邊框的一條邊,這樣代碼要少的多。畫邊框的單邊與上例的邊框的四條邊類似,一個邊框的四條邊的屬性如下:邊框線名稱:border-top(上邊框線)、border-right(右邊框線)、border-bottom(下邊框線)和boder-left(左邊框線);每條邊框線的類型、寬度和色彩的取值與boder屬性相同。如本例中要定義每個單元格的左邊框線為白色線,線的寬度為1px的實線,則css代碼是這樣的:style="border-left:1pxsolidffffff"。在單獨(dú)定義邊框線時,若不給出某個值,那么

5、就取其默認(rèn)的初始值。在dreamweaver中定義css十分便利,不用編寫代碼;把常用的邊框線一次定義好,放在外連式css文件中,要用時調(diào)用一下就行了,十分便利。3、在一個邊框中采納不同寬度和色彩的邊框線在本例中的效果,固然可以用上例中的辦法來實現(xiàn),但那樣代碼過多,可采納另一種合并的辦法,把四條邊的屬性值分類放在一起,如本例的代碼是這樣的:style="border-style:solid;border-width:thinthinthickthick;border-color:00ff0000ff000000ff0000ff"。從上面可以看出,我把邊框線的

6、類型、寬度和色彩歸類在一起定義了,這里請注重幾點:一、四條邊框線的位置挨次是:上邊框線、右邊框線、下邊框線、左邊框線;二、我在本例中邊框線的類型只取了一種實線類型,事實上四條邊也可以分離定義不同的類型;三、屬性值可以定義一個、兩個、三個或者四個。假如僅定義一個屬性值,則其余三個自動取相同值,如:border-style:solid與border-style:solidsolidsolidsolid的效果徹低一樣;假如僅給出兩個或三個值,那么缺失邊的屬性值把取與對邊相同的值。如:boder-width:thinthick與border-width:thinthickthinthick效果相同,border-width:1px2px3px與border-width:1px2px3px2px的

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論