登錄站點

請由此登入

技術敎學 - 自定義風格

  • 虫二

    *CSS* CSS之入門認識 ~(下編)

    虫二 2013-06-01 02:36

    【表格設定】

    屬性

    說明

    可能

    範例

    border

    表格邊框設定

    以下所有皆可使用

    border:green

    border-color:

    邊框顏色

    任何顏色表示方法

    border-color:blue

    border-style

    邊框樣式

    none(無邊框)
    dotted(
    點線)
    dashed(
    虛線)
    solid(
    實線)
    double(
    雙線)
    groove(
    立體凹線)
    ridge(
    立體凸線)
    inset(
    立體嵌入線)
    outset(
    立體隆起線)

    border-style:dotted

    border-width

    邊框寬度

    數字

    border-width:5

    padding

    邊框補白

    數字

    padding:5

    【屬性可用值】

    屬性

    說明

    可能

    範例

    visibility

    顯示或是隱藏

    inherit(父元件決定)
    hidden(
    隱藏)
    visible(
    顯示)

    visibility:hidden

    width

    寬度

    auto(自動決定)
    數字

    width:135

    height

    高度

    auto(自動決定)
    數字

    height:100

    【滑鼠設定】

    屬性

    說明

    可能

    範例

    cursor

    游標圖示

    auto(自動決定)
    default(
    預設值)
    crosshair(
    十字)
    hand(
    手形)
    move(
    移動時的游標)
    help(
    有問號的游標)
    text(
    文字編輯的游標)
    wait(
    忙碌中的游標)
    w-resize(
    向左箭頭)
    e-resize(
    向右箭頭)
    n-resize(
    向上箭頭)
    ne-resize{
    向右上箭頭)
    nw-resize(
    向左上箭頭)
    s-resize(
    向下箭頭)
    se-resize(
    向右下箭頭)
    sw-resize(
    向左下箭頭)

    cursor:hand

    後記

    風格教學通常是圖片加文字,所以可能會很雜亂,希望大家看至少要看懂房子的解說,不然之後風格教學也會一樣霧煞煞!!

你還不是該群組正式成員,不能參與討論。 現在就加入