CSS是一種用于美化HTML網頁的語言,它可以改變文本和圖像的樣式,讓網頁更加吸引人。本文將介紹如何使用CSS美化文本和圖像。
/* 文本樣式 */ p { font-size: 20px; /* 設置字體大小為20像素 */ color: #333; /* 設定字體顏色為深灰色 */ font-family: Arial, sans-serif, '微軟雅黑'; /* 設置字體為Arial或者sans-serif或者微軟雅黑 */ line-height: 1.5; /* 設置行高為1.5倍字體大小 */ text-align: center; /* 居中對齊文字 */ text-decoration: underline; /* 為文本添加下劃線 */ text-shadow: 2px 2px 2px #888; /* 添加文本陰影 */ } /* 圖像樣式 */ img { border: 3px solid #ddd; /* 設置圖片邊框 */ border-radius: 50%; /* 將圖片變成圓形 */ box-shadow: 2px 2px 5px #888; /* 添加圖片陰影 */ filter: grayscale(50%); /* 把圖片變成灰度圖像 */ max-width: 100%; /* 設置圖片最大寬度為100% */ }
在上面的例子中,我們借助CSS屬性來對文本和圖像進行美化。其中,我們使用了如下CSS屬性:
/* 文本樣式 */ font-size:設置字體大小 color:設置文字顏色 font-family:設置字體 line-height:設置行高 text-align:設置文本對齊方式 text-decoration:設置裝飾線 text-shadow:為文本添加陰影 /* 圖像樣式 */ border:設置圖片邊框 border-radius:把圖片變成圓形 box-shadow:為圖片添加陰影 filter:把圖片變成灰度圖像 max-width:設置圖片最大寬度
通過使用這些屬性,我們可以輕松地改變文本和圖像的樣式,實現個性化的網頁美化效果。
上一篇css偏移的代碼