CSS是一種用于定義網頁樣式的語言。在CSS中,我們可以通過添加圖片來豐富頁面的內容和風格。下面,我將向大家介紹如何在CSS中添加圖片。
//首先,我們需要在HTML文件中創建一個img標簽,用于顯示圖片 <img src="圖片路徑"> //然后,我們可以通過CSS來修改圖片的樣式 img { width: 200px; //設置圖片寬度為200px height: 200px; //設置圖片高度為200px border: 1px solid #ccc; //添加1px的灰色邊框 border-radius: 50%; //將圖片變成圓形 box-shadow: 0 0 10px #ccc; //添加陰影效果 margin: 20px 0; //設置圖片上下留白為20px } //如果我們想讓圖片作為背景圖片顯示,可以使用以下代碼 .selector { background-image: url(圖片路徑); background-size: cover; //讓背景圖片充滿整個元素 padding: 20px; //設置內邊距為20px }
通過以上的CSS樣式設置,我們可以輕松地添加并修改網頁中的圖片,搭配其他元素,讓網頁更加豐富多彩。