設定欄位的外框樣式:光光 Blog:Xuite日誌
  • 最新文章
  • 文章分類
  • CSS/HTML應用筆記
  • 線上應用工具
  • 我的發燒文
  • 累積 | 今日
    loading......
  • 最新回應
  • Re:可愛立體~豬仔的一家~動圖,by(光光)於2008-10-11
    Re:韓國唯美公告板31+多用框,by(光光)於2008-10-11
    Re:改變 滑鼠游標 樣式 (CSS語法) ,by(光光)於2008-10-11
    Re:清澈碧藍唯美背景框架,by(喵)於2008-10-11
    Re:韓國可愛掛件輯32,by(麥粒)於2008-10-11
    Re:可愛立體~豬仔的一家~動圖,by(Ice)於2008-10-11
    Re:韓國唯美公告板31+多用框,by()於2008-10-11
    Re:改變 滑鼠游標 樣式 (CSS語法) ,by(*天真~無邪*)於2008-10-11
    Re:更改 繼續閱讀 顏色,by(熊伯)於2008-10-10
    Re:韓國可愛掛件輯30,by(Ula)於2008-10-09
    Re:席慕蓉-詩的饗宴,by(光光)於2008-10-09
    Re:席慕蓉-詩的饗宴,by(如芯)於2008-10-09
    Re:基本連結語法,by(Jane)於2008-10-09
    Re:更改 繼續閱讀 顏色,by(光光)於2008-10-08
    Re:基本連結語法,by(光光)於2008-10-08
  • 最愛連結
  • 光光的五四三




  • ◎ 歡迎蒞臨 ◎
    請自由取用素材
    版權屬原創所有
    請勿做商業用途
    祝大家平安快樂




    光光Blog~首頁

    台灣部落格列表

    website counter
  • 參觀人氣統計
  • 廣告作公益
  • 誰拜訪過我
  • 光光
  • 搜尋文章
  • 關鍵字
    2007-09-09 07:56 設定欄位的外框樣式
  • ?
  • CSS/HTML應用
  • 好文轉寄
  • 平均分數:0 顆星    投票人數:0
    我要評分:
    標籤 : 


    舉2個例子文章欄位外框 關於我欄位外框

    先以  文章欄位外框  為範例

    進入管理後台面板管理自定樣式(css)

     找到 /*文章外框*/ 語法標籤 

    /*文章外框*/
    #content{
    padding: 5px;   
    margin: 5px;   

    background-color:#ffffff;    
    border: #BDF2FF 5px solid;   
    ←框線顏色 / 大小 / 樣式
    }

    border的框線樣式如下:↓

    border:3個值都可以改,顏色請參考→色碼表大小→? px,樣式如上表有:dotted, dashed, soild, double, groove, ridge, inset, outset共8種。

     

    另以關於我欄位外框  為範例

    找到 /*關於我*/ 語法標籤 

    /*關於我*/
    .avatar{ /* 2006-05-09 修改 */
    background:#FFFFFF;   
    border:#BDF2FF 1px solid;
      
    ←框線顏色 / 大小 / 樣式 

    font-size:12px;   
    font-weight:normal;   
    line-height:140%;   
    font-family:Verdana, Arial, Helvetica, sans-serif;   
    padding:5px;  
    }

    border 改法和以上一樣,改完先預覽,滿意後再確定送出。

    如說明不詳盡,請參考→狗貓的家(有更詳細介紹) http://blog.xuite.net/jeanson61/xuite/4508335

     


     

     



    光光 / Xuite日誌 / 回應(3) / 引用(1) / 好文轉寄
  • 回應