? 發問時間: 電腦與網際網路電腦網路 · 1 0 年前

CSS框架設置

如題,用CSS做出一個框架!

要放在無名的!

但是本人對CSS不是很熟說= =

請幫我的忙(膜拜XD)

1 個解答

評分
  • maya
    Lv 5
    1 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;} /*分別為上、右、下、左四邊的空間距離*/

     

還有問題?馬上發問,尋求解答。