CSS是一種可以用來控制網(wǎng)頁樣式的語言,可以用它來控制網(wǎng)頁中的各種元素的樣式,包括文字、背景、邊框、布局等。我們在網(wǎng)頁中會經(jīng)常用到圖片,那么如何單獨標記圖片呢?
img { border: 1px solid #ccc; padding: 10px; }
在CSS中,如果我們想控制圖片的樣式,可以使用標簽的選擇器來定義它的樣式。在上面的代碼中,我們定義了圖片的邊框為1px的實線,顏色為#ccc,同時為了讓圖片更美觀,我們?yōu)樗砑恿?0px的內邊距。
除了這些基本的樣式,我們還可以給圖片添加一些鼠標效果,比如讓它在鼠標懸停的時候出現(xiàn)一個特效,可以讓用戶有更好的體驗。
img:hover { opacity: 0.8; transform: scale(1.1, 1.1); }
在上面的代碼中,我們使用:hover偽類,當鼠標懸停在圖片上的時候,給圖片添加了一個透明度為0.8的效果,同時利用transform屬性將圖片的大小放大了10%。
總之,CSS可以幫助我們控制圖片的各種樣式效果,讓網(wǎng)頁中的圖片更加美觀和有趣。
上一篇ajax哪些信息是必填的
下一篇css如何兩列布局