好用的css語法技巧
點擊數: 2321
文章目錄
- 譬如，我很喜歡讓我的主題有透明的感覺。
- 很簡單，但並不太代表每個主題通用，
- 但8成是
- .wrapper在影響的
- 所以我會在.wrapper裡面加入這段
- 後面的0.75就是可以去自行調整的
- 如果這段不行，那就是.content的數值。
- 可以控制背景的大小
- 那像一些圓角語法
- 一些邊框的語法
- 一些邊框的圖片的語法
- css放背景圖的語法
- 字型的語法
- 一般來講中文字比較麻煩，要做這樣的設定，因為國外的主題，都不會有中文字型。
- 字型的寬度語法
- 放置fb粉絲團的語法
- 將下面我的網址改成你的fb粉絲團的網址就可以
- 陰影語法
- 背景圖片固定的語法
- 陰影的擴散強度，也可以強化像光暈的效果。
- 隱藏div的語法
- html加入css語法
- 文字css
- 陸續會增加中....
譬如，我很喜歡讓我的主題有透明的感覺。
很簡單，但並不太代表每個主題通用，
但8成是
.wrapper在影響的
所以我會在.wrapper裡面加入這段
- background: rgba(100%,100%,100%,0.75);
後面的0.75就是可以去自行調整的
如果這段不行，那就是.content的數值。
一樣用此語法去微調
- background: rgba(100%,100%,100%,0.75);
可以控制背景的大小
- background-size: 69px 69px;
那像一些圓角語法
- border-radius: 0px 0px 12px 12px;
一些邊框的語法
- border-bottom: 2px solid #0017a6;
- border-right: 2px solid #0017a6;
- border-left: 2px solid #0017a6;
一些邊框的圖片的語法
[cc lang="php"] border-image: url("http://www.nintendo.co.jp/3ds/edhj/images/bg.jpg") 100 40 28 40 fill; [/cc]
css放背景圖的語法
- border-image: url("http://www.nintendo.co.jp/3ds/edhj/images/bg.jpg") 100 40 28 40 fill;
字型的語法
一般來講中文字比較麻煩，要做這樣的設定，因為國外的主題，都不會有中文字型。
- font-family:"Algerian", "Century Gothic","微軟正黑體", "Microsoft JhengHei";
字型的寬度語法
- font-weight: 900;
放置fb粉絲團的語法
將下面我的網址改成你的fb粉絲團的網址就可以
陰影語法
- box-shadow: 0px 0px 10px #F00;
背景圖片固定的語法
- box-shadow: 4px 4px 12px 4px rgba(51, 51, 102, 0.5);
陰影的擴散強度，也可以強化像光暈的效果。
- background-size: cover;
- box-shadow: 4px 4px 12px 4px rgba(51, 51, 102, 0.5);
隱藏div的語法
- div.dataTables_length { display: none !important; }
html加入css語法
文字css
- text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
白底漸層，像這樣
- background-image: linear-gradient(to right,#f1f1f1 0,#fff 5%,#f1f1f1 90%);
- background-image: -webkit-linear-gradient(to right,#f1f1f1 0,#fff 5%,#f1f1f1 90%);
