這是一張圖片,它展現了一幅美麗的風景。我們可以利用CSS來美化這張圖片,讓它更生動、更有視覺沖擊力。
/* 設置圖片寬度和高度 */ img { width: 600px; height: 400px; } /* 添加邊框 */ img { border: 2px solid black; } /* 圓角處理 */ img { border-radius: 10px; } /* 陰影效果 */ img { box-shadow: 3px 3px 10px #888; } /* 調整圖片位置 */ img { margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto; } /* 添加圖片標題 */ h2 { text-align: center; font-size: 24px; font-weight: bold; margin-top: 30px; margin-bottom: 30px; }
通過以上CSS代碼,我們可以給這張圖片添加邊框、圓角、陰影效果,并且讓它自適應居中,同時添加一個標題,讓整個布局更加美觀。