在網頁設計中，要想使頁面更加豐富多彩，我們不僅需要使用文字和顏色，還需要添加圖片。對于在線圖片，我們可以使用CSS技術來實現。下面我們就來了解一下如何在CSS中添加在線圖片。 首先，我們需要使用background-image屬性來引入在線圖片。我們可以在CSS樣式表中為指定的HTML元素設置背景圖片。例如，我們想要在HTML中的一個div元素中添加一張名為“example.jpg”的在線圖片，代碼如下：

div{
background-image: url(https://example.com/example.jpg);
}

其中，background-image屬性用于設置元素的背景圖片，url()函數用于指定圖片的URL地址。 此外，我們還可以設置背景圖片的重復方式、位置和大小。例如，我們可以設置背景圖片不重復、放置在元素的左上角，并且拉伸至與元素大小相同，代碼如下：

div{
background-image: url(https://example.com/example.jpg);
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
}

其中，background-repeat屬性用于設置背景圖片是否重復，no-repeat表示不重復；background-position屬性用于設置背景圖片的位置，left top表示左上角；background-size屬性用于設置背景圖片的大小，cover表示拉伸至與元素大小相同。 總之，通過CSS技術，我們可以輕松添加在線圖片，讓網頁更加豐富多彩。