width: 100px;
height: 100px;
border: 1px solid black;
@media media queries {
width: 200px;
height: 200px;
CSS在圖片上添加
CSS是一種用于設計和布局網頁的樣式表語言。它可以用于添加樣式、格式化文本、圖形、動畫和其他元素到網頁中。通過使用CSS,我們可以控制圖片的大小、位置、顏色、邊框和背景等屬性。
以下是一些示例代碼,展示了如何使用CSS在圖片上添加樣式:
```html
width: 100px;
height: 100px;
border: 1px solid black;
@media media queries {
width: 200px;
height: 200px;
我們還可以使用CSS的媒體查詢來設置圖片的顏色、邊框和背景等屬性。例如,如果我們希望圖片的背景顏色為紅色,我們可以使用@media media queries,并在圖片所在的HTML元素上應用樣式,如下所示:
```html
width: 100px;
height: 100px;
border: 1px solid black;
background-color: red;
@media media queries {
width: 200px;
height: 200px;
在上面的代碼中,我們使用@media media queries來設置圖片的背景顏色。在第一個示例中,我們將background-color屬性設置為red,而在第二個示例中,我們將它設置為紅色。
通過使用CSS,我們可以輕松地在圖片上添加樣式,使網頁更具吸引力和可讀性。