欧美乱妇高清无乱码,手机在线看永久av片免费高潮

　CSS 實用實例

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

第 1 頁 CSS 實用實例 [1]
第 2 頁 CSS 實用實例 [2]
第 3 頁 CSS 實用實例 [3]
第 4 頁 CSS 實用實例 [4]
第 5 頁 CSS 實用實例 [5]
第 6 頁 CSS 實用實例 [6]
第 7 頁 CSS 實用實例 [7]
第 8 頁 CSS 實用實例 [8]
第 9 頁 CSS 實用實例 [9]

Margin外補�。ㄟ吘啵�

設置文字的左邊距

運行代碼框
<html> <head> <style type="text/css"> p.leftmargin {margin-left: 2cm} </style> </head> <body> <p>This is a paragraph with no margin specified</p> <p class="leftmargin">This is a paragraph with a specified left margin</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

設置文字的右邊距

運行代碼框
<html> <head> <style type="text/css"> p.rightmargin {margin-right: 8cm} </style> </head> <body> <p>This is a paragraph with no margin specified</p> <p class="rightmargin">This is a paragraph with a specified right margin</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

設置文字的上邊距

運行代碼框
<html> <head> <style type="text/css"> p.topmargin {margin-top: 5cm} </style> </head> <body> <p>This is a paragraph with no margin specified</p> <p class="topmargin">This is a paragraph with a specified top margin</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

設置文字的下邊距

運行代碼框
<html> <head> <style type="text/css"> p.bottommargin {margin-bottom: 2cm} </style> </head> <body> <p>This is a paragraph with no margin specified</p> <p class="bottommargin">This is a paragraph with a specified bottom margin</p> <p>This is a paragraph with no margin specified</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

所有邊距屬性一行解決

運行代碼框
<html> <head> <style type="text/css"> p.margin {margin: 2cm 4cm 3cm 4cm} </style> </head> <body> <p>This is a paragraph with no specified margins</p> <p class="margin">This is a paragraph with specified margins</p> <p>This is a paragraph with no specified margins</p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

Padding內補�。ㄌ畛洌�

左單元格填充

運行代碼框
<html> <head> <style type="text/css"> td {padding-left: 2cm} </style> </head> <body> <table border="1"> <tr> <td> This is a tablecell with a left padding. This is a tablecell with a left padding. </td> </tr> </table> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

右單元格填充

運行代碼框
<html> <head> <style type="text/css"> td {padding-right: 5cm} </style> </head> <body> <table border="1"> <tr> <td> This is a tablecell with a right padding. This is a tablecell with a right padding. </td> </tr> </table> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

上單元格填充

運行代碼框
<html> <head> <style type="text/css"> td {padding-top: 2cm} </style> </head> <body> <table border="1"> <tr> <td> This is a tablecell with a top padding </td> </tr> </table> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

下單元格填充

運行代碼框
<html> <head> <style type="text/css"> td {padding-bottom: 2cm} </style> </head> <body> <table border="1"> <tr> <td> This is a tablecell with a bottom padding </td> </tr> </table> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

所有填充屬性一行解決

運行代碼框
<html> <head> <style type="text/css"> td.test1 {padding: 1.5cm} td.test2 {padding: 0.5cm 2.5cm} </style> </head> <body> <table border="1"> <tr> <td class="test1"> This is a tablecell with equal padding on each side. </td> </tr> </table> <br> <table border="1"> <tr> <td class="test2"> This tablecell has a top and bottom padding of 0.5cm and a left and right padding of 2.5cm. </td> </tr> </table> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

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

上一頁 CSS 實用實例 [4] 下一頁 CSS 實用實例 [6]

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

相關文章

組合CLASS來完成網(wǎng)頁布局風格

作者文章

設計上的精挑細選會削弱網(wǎng)站

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


關鍵字搜索	常規(guī)搜索	推薦文檔
熱門搜索：CSS Fireworks 設計比賽網(wǎng)頁制作 web標準用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG

站點最新

站點最新列表

周大福“敬•自然”設計大賽開啟

國際體驗設計大會7月將在京舉行

中國國防科技信息中心標志征集

云計算如何讓安全問題可控

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

阿里行云

云手機年終巨獻，送禮標配299起

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

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

首屆COCO桌面手機主題設計大賽

欄目最新

欄目最新列表

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

如何在illustrator中繪制臺歷

Ps簡單繪制一個可愛的鉛筆圖標

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

用ps作簡單的作品展示頁面

CSS定位機制之一:普通流

25個最佳最閃亮的Eclipse開發(fā)項目

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

Photoshop制作印刷凹凸字體

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

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