:::

17. 常用CSS語法

一、相關資源:

  1. CSS手冊:http://css.doyoe.com/
  2. 線上顏色挑選工具:https://www.webpagefx.com/web-design/color-picker/

二、常用技巧:

  1. 文字顏色:
    color: #ffaa00;

    文字顏色

  2. 文字字型:
    font-family: 標楷體;

    文字顏色

  3. 文字大小:
    font-size: 22px;

    文字大小

  4. 文字加陰影:(陰影右移距離、陰影下移距離、陰影模糊的程度、邊框顏色)
    text-shadow: 2px 2px 3px #0d4e5c,

    文字加陰影

  5. 文字加外框:簡單講,就是替文字的八個方向都加上文字陰影而已。
    text-shadow: 0px 1px #0d4e5c, 1px 0px #0d4e5c, -1px 0px #0d4e5c, 0px -1px #0d4e5c, -1px -1px #0d4e5c, 1px 1px #0d4e5c, 1px -1px #0d4e5c, -1px 1px #0d4e5c;

    文字加外框

  6. 邊框(粗細、線條類型、顏色):
    border: 1px solid blue;
    邊框

     

  7. 內距(上、右、下、左):
    padding: 6px;
    邊框

     

  8. 圓角外框:
    border-radius: 5px;
    圓角外框

     

  9. 背景顏色
    background: #bfddef;
    背景顏色

     

  10. 漸層顏色
    background: linear-gradient(#bfddef , #2783e5);
    漸層顏色

     

  11. 背景圖
    background: url('https://圖檔位置');
    背景圖

     

  12. 外框陰影
    box-shadow: 2px 2px 4px black;
    外框陰影

     


:::

書籍目錄

展開 | 闔起
http%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbsn%3D18%26tbdsn%3D1499

計數器

今天: 4087408740874087
昨天: 3176317631763176
總計: 7453519745351974535197453519745351974535197453519