CSS是網頁設計中十分重要的部分,他能夠為網頁添加美觀的特效和布局,并且讓用戶能夠更好的瀏覽和使用網頁。
今天我們要介紹的是CSS常用效果pdf,這是一份非常好的參考資料,能夠讓你更快更好的了解和使用CSS。
以下是一些常用的CSS效果和他們的使用代碼:
首先是給文字添加特效,比如強調、下劃線和刪除線。代碼如下:
em { font-style: italic; } strong { font-weight: bold; } u { text-decoration: underline; } s { text-decoration: line-through; }接下來是給鏈接添加特效,比如去掉下劃線、鼠標懸停時文字顏色變化和添加邊框。代碼如下:
a { text-decoration: none; } a:hover { color: red; } a:active { border: 1px solid black; }然后是讓圖片居中、添加邊框和圓角。代碼如下:
img { display: block; margin: 0 auto; } img { border: 1px solid black; } img { border-radius: 50%; }最后是為容器添加陰影和動畫效果。代碼如下:
.box { box-shadow: 2px 2px 2px grey; } .box:hover { transform: scale(1.1); transition: all 0.3s ease-in-out; }以上是常用的一些CSS效果和他們的使用代碼,希望這份CSS常用效果pdf能夠對你的網頁設計有所幫助。
上一篇css布局模型怎么打印
下一篇css布局的基石浮動