1 個解答
- mayaLv 51 0 年前最佳解答
[外框設定]
HTML標籤{border: 1px solid 色碼} /*設定外框*/
[解說]
1.上面的語法是把外框改成寬度為1px有顏色的實心框線。
HTML標籤(綠色部分)可針對你想修改的位置作更換。
2.此語法對四邊的外框做同一的設定。也可針對四邊的框做不同的設定:
border-bottom:1px solid 色碼; /*設定下面的外框*/
border-top:1px solid 色碼; /*設定上面的外框*/
border-left:1px solid 色碼; /*設定左邊的外框*/
border-right:1px solid 色碼; /*設定右邊的外框*/
3.1px為外框的厚度，數值越大寬度越大，可自行設定。設成0px則可消除外框。
4. solid可改為下列不同樣式的外框。常用的邊框樣式(外框的線條樣式):
一般常用線條 solid(實心線)、dotted(點)、dashed(短線)、double(雙實線)
立體效果線條 groove(立體內凸框)、ridge(立體浮凸框)、inset(凹框)、outset(凸框)
範例:(立體感的外框改法)
{border : 3px groove} /*立體內凸框*/
{border : 3px inset} /* 凹框*/
5.應用:網頁上面的「單色外框」效果
body {border: 15px solid 色碼;} /*設定網頁的外框*/
(1)15代表「外框厚度」，請自行更改，數值不宜過大，否則將破壞版面。
(2)不小心弄壞掉的話，請用還原王http://www.wretch.cc/recover/ 或用Mozilla Firebird此瀏覽器去做修復。
--------------------------------------------------------------------------------
[邊界設定](設定文字與邊緣距離)
集體設定: (數值10像素請自行更改設定)
margin:10px;
單一設定:
margin-top:10px; /*上邊界*/
margin-right:10px; /*右邊界值*/
margin-bottom:10px; /*下邊界值*/
margin-left:10px; /*左邊界值*/
內容緊貼網頁邊界: (把像素設為零)
margin:0px;
--------------------------------------------------------------------------------
[留白設定](設定填補空間)-用法與margin相同
單一設定: {padding-top: 20pt;} /*全部距離都是20pt*/
設定四邊: {padding: 10pt 20pt 30pt 40pt;} /*分別為上、右、下、左四邊的空間距離*/