CSS是一種用于樣式和布局的語言,可以使用它來控制文本和圖像的外觀和位置。
/* 文本樣式 */ p { font-size: 16px; color: #333; font-family: Arial, sans-serif; text-align: center; line-height: 1.5; } /* 圖像樣式 */ img { width: 100%; height: auto; border-radius: 50%; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
在上面的代碼中,我們使用了CSS來控制文本的大小、顏色、字體、對齊方式和行高。對于圖像,我們設置了寬度為100%,高度自適應,同時添加了圓角和陰影效果。
除此之外,CSS還可以進行許多其他的文本和圖像處理,比如:
/* 文本處理 */ p { text-transform: uppercase; letter-spacing: 0.2em; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); text-decoration: underline; } /* 圖像處理 */ img:hover { transform: scale(1.2); filter: brightness(0.8); transition: all 0.3s ease-in-out; }
以上代碼演示了一些常用的文本處理效果,包括:轉換為大寫字母、字母間距增加、添加陰影和下劃線;圖像處理效果包括:鼠標懸停時放大、亮度降低、過渡動畫效果。
通過使用CSS,我們可以輕松地控制文本和圖像的外觀和位置,使其變得更加美觀和易讀。
上一篇java項目設置和運行
下一篇div。 sample