国产区人妖另类精品视频,国产99久久九九精品无码免费,国产成人99精品免费视频

　CSS 實(shí)用實(shí)例

作者：Linyupark　時(shí)間： 2006-07-12　文檔類型：翻譯　來(lái)自：網(wǎng)絡(luò)維他命

第 1 頁(yè) CSS 實(shí)用實(shí)例 [1]
第 2 頁(yè) CSS 實(shí)用實(shí)例 [2]
第 3 頁(yè) CSS 實(shí)用實(shí)例 [3]
第 4 頁(yè) CSS 實(shí)用實(shí)例 [4]
第 5 頁(yè) CSS 實(shí)用實(shí)例 [5]
第 6 頁(yè) CSS 實(shí)用實(shí)例 [6]
第 7 頁(yè) CSS 實(shí)用實(shí)例 [7]
第 8 頁(yè) CSS 實(shí)用實(shí)例 [8]
第 9 頁(yè) CSS 實(shí)用實(shí)例 [9]

Border 邊框

設(shè)置四邊框的樣式

運(yùn)行代碼框
<html> <head> <style type="text/css"> p.dotted {border-style: dotted} p.dashed {border-style: dashed} p.solid {border-style: solid} p.double {border-style: double} p.groove {border-style: groove} p.ridge {border-style: ridge} p.inset {border-style: inset} p.outset {border-style: outset} </style> </head> <body> <p class="dotted">A dotted border</p> <p class="dashed">A dashed border</p> <p class="solid">A solid border</p> <p class="double">A double border</p> <p class="groove">A groove border</p> <p class="ridge">A ridge border</p> <p class="inset">An inset border</p> <p class="outset">An outset border</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

設(shè)置各邊的邊框

運(yùn)行代碼框
<html> <head> <style type="text/css"> p.soliddouble {border-style: solid double} p.doublesolid {border-style: double solid} p.groovedouble {border-style: groove double} p.three {border-style: solid double groove} </style> </head> <body> <p class="soliddouble">Some text</p> <p class="doublesolid">Some text</p> <p class="groovedouble">Some text</p> <p class="three">Some text</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

設(shè)置四邊框的顏色

運(yùn)行代碼框
<html> <head> <style type="text/css"> p.one { border-style: solid; border-color: #0000ff } p.two { border-style: solid; border-color: #ff0000 #0000ff } p.three { border-style: solid; border-color: #ff0000 #00ff00 #0000ff } p.four { border-style: solid; border-color: #ff0000 #00ff00 #0000ff rgb(250,0,255) } </style> </head> <body> <p class="one">One-colored border!</p> <p class="two">Two-colored border!</p> <p class="three">Three-colored border!</p> <p class="four">Four-colored border!</p> <p><b>Note:</b> The "border-color" property does not work if it is used alone. Use the "border-style" property to set the borders first.</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

設(shè)置底邊框的寬

運(yùn)行代碼框
<html> <head> <style type="text/css"> p { border-style: solid; border-bottom-width: 15px } </style> </head> <body> <p><b>Note:</b> The "border-bottom-width" property does not work if it is used alone. Use the "border-style" property to set the borders first.</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

設(shè)置底邊框?qū)?/strong>

運(yùn)行代碼框
<html> <head> <style type="text/css"> p { border-style: solid; border-left-width: 15px } </style> </head> <body> <p><b>Note:</b> The "border-left-width" property does not work if it is used alone. Use the "border-style" property to set the borders first.</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

右邊框?qū)?/strong>

運(yùn)行代碼框
<html> <head> <style type="text/css"> p { border-style: solid; border-right-width: 15px } </style> </head> <body> <p><b>Note:</b> The "border-right-width" property does not work if it is used alone. Use the "border-style" property to set the borders first.</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

上邊框?qū)?/strong>

運(yùn)行代碼框
<html> <head> <style type="text/css"> p { border-style: solid; border-top-width: 15px } </style> </head> <body> <p><b>Note:</b> The "border-top-width" property does not work if it is used alone. Use the "border-style" property to set the borders first.</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

所有底邊框的屬性一行解決

運(yùn)行代碼框
<html> <head> <style type="text/css"> p { border-bottom: medium solid #ff0000 } </style> </head> <body> <p>Some text.</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

左邊框的屬性一行解決

運(yùn)行代碼框
<html> <head> <style type="text/css"> p { border-left: medium solid #ff0000 } </style> </head> <body> <p>Some text.</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

右邊框的屬性一行解決

運(yùn)行代碼框
<html> <head> <style type="text/css"> p { border-right: medium solid #ff0000 } </style> </head> <body> <p>Some text.</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

上邊框的屬性一行解決

運(yùn)行代碼框
<html> <head> <style type="text/css"> p { border-top: medium solid #ff0000 } </style> </head> <body> <p>Some text.</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

所有邊框的寬度屬性一行解決

運(yùn)行代碼框
<html> <head> <style type="text/css"> p.one { border-style: solid; border-width: 5px } p.two { border-style: solid; border-width: 5px 10px } p.three { border-style: solid; border-width: 5px 10px 1px } p.four { border-style: solid; border-width: 5px 10px 1px medium } </style> </head> <body> <p class="one">Some text</p> <p class="two">Some text</p> <p class="three">Some text</p> <p class="four">Some text</p> <p><b>Note:</b> The "border-width" property does not work if it is used alone. Use the "border-style" property to set the borders first.</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

所有邊框的屬性一行解決

運(yùn)行代碼框
<html> <head> <style type="text/css"> p { border: medium double rgb(250,0,255) } </style> </head> <body> <p>Some text</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

出處：網(wǎng)絡(luò)維他命
責(zé)任編輯：moby

上一頁(yè) CSS 實(shí)用實(shí)例 [3] 下一頁(yè) CSS 實(shí)用實(shí)例 [5]

◎進(jìn)入論壇網(wǎng)站綜合、網(wǎng)頁(yè)制作版塊參加討論

相關(guān)文章

更多相關(guān)鏈接

首屆世界CSS設(shè)計(jì)大賽結(jié)果揭曉

《CSS權(quán)威指南》

實(shí)用在線工具集

web標(biāo)準(zhǔn)布局實(shí)例教程

組合CLASS來(lái)完成網(wǎng)頁(yè)布局風(fēng)格

作者文章

設(shè)計(jì)上的精挑細(xì)選會(huì)削弱網(wǎng)站

瀏覽器發(fā)展/CSS布局/怎樣運(yùn)用?


關(guān)鍵字搜索	常規(guī)搜索	推薦文檔
熱門搜索：CSS Fireworks 設(shè)計(jì)比賽網(wǎng)頁(yè)制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG

站點(diǎn)最新

站點(diǎn)最新列表

周大�！熬�•自然”設(shè)計(jì)大賽開(kāi)啟

國(guó)際體驗(yàn)設(shè)計(jì)大會(huì)7月將在京舉行

中國(guó)國(guó)防科技信息中心標(biāo)志征集

云計(jì)算如何讓安全問(wèn)題可控

云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會(huì)

阿里行云

云手機(jī)年終巨獻(xiàn)，送禮標(biāo)配299起

阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"

1499元買真八核云OS雙蛋大促

首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽

欄目最新

欄目最新列表

淺談JavaScript編程語(yǔ)言的編碼規(guī)范

如何在illustrator中繪制臺(tái)歷

Ps簡(jiǎn)單繪制一個(gè)可愛(ài)的鉛筆圖標(biāo)

數(shù)據(jù)同步算法研究

用ps作簡(jiǎn)單的作品展示頁(yè)面

CSS定位機(jī)制之一:普通流

25個(gè)最佳最閃亮的Eclipse開(kāi)發(fā)項(xiàng)目

Illustrator中制作針線縫制文字效果

Photoshop制作印刷凹凸字體

VS2010中創(chuàng)建自定義SQL Rule

中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx