CSS是用于美化網頁的技術之一,它不僅可以設置文本樣式,還可以設置圖像的樣式。下面讓我們來學習如何使用CSS來設置圖像。
/* 設置圖片寬度 */ img { width: 100%; } /* 設置圖片圓角 */ img { border-radius: 50%; } /* 設置圖片邊框 */ img { border: 2px solid red; } /* 設置圖片變灰 */ img { filter: grayscale(100%); } /* 設置圖片透明度 */ img { opacity: 0.5; } /* 在背景中設置圖片 */ body { background-image: url("image.jpg"); }
CSS可以通過設置圖片寬度、圓角、邊框、透明度等屬性來美化圖片。同時,還可以將圖片作為背景圖片來使用。以上這些都是CSS設置圖片的常用技巧,希望能對大家有所幫助。
上一篇css設置固定大小