0%

CSS 的 小技巧

有時候在設計網站的時候,如果多一些輕量小技巧,就可以增加網站的質感,此篇記錄有可能會用到的一些 CSS 小技巧,來幫忙點綴網頁。

網頁上文字選取時的反白顏色

一般網頁上的文字在選取時預設是淺藍色的底與白色的字,我們可已透過 CSS 的選擇器來設定和網站風格相搭配的顏色。如果要針對某個樣式來設定,也是可以的。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
::selection {
background: #76b852;
color: #fff;
}
::-moz-selection {
background: #76b852;
color: #fff;
}
img::selection {
background: transparent;
}
img::-moz-selection {
background: transparent;
}

以此記錄,將來會陸續增加…。