小編給大家分享一下Css怎么插入圖片，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)建站提供高防服務(wù)器、云服務(wù)器、香港服務(wù)器、達(dá)州服務(wù)器托管等

css的全稱是什么

css的全稱是Cascading Style Sheets（層疊樣式表），它是一種用來(lái)表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語(yǔ)言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁(yè)，還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化。

Css插入圖片的方法：首先創(chuàng)建一個(gè)HTML示例文件；然后在body中創(chuàng)建一個(gè)div；最后通過(guò)設(shè)置“background-image: url(1.jpg);”樣式實(shí)現(xiàn)插入圖片即可。

本文操作環(huán)境：windows7系統(tǒng)、HTML5&&CSS3版、Dell G3電腦。

在css中，可以使用background-image屬性添加圖片。background-image屬性為元素設(shè)置背景圖像。初始背景圖像（原圖像）根據(jù)background-position屬性的值放置。

元素的背景占據(jù)了元素的全部尺寸，包括內(nèi)邊距和邊框，但不包括外邊距。默認(rèn)地，背景圖像位于元素的左上角，并在水平和垂直方向上重復(fù)。

提示：請(qǐng)?jiān)O(shè)置一種可用的背景顏色，這樣的話，假如背景圖像不可用，頁(yè)面也可獲得良好的視覺(jué)效果。

詳細(xì)說(shuō)明

background-image 屬性會(huì)在元素的背景中設(shè)置一個(gè)圖像。根據(jù) background-repeat 屬性的值，圖像可以無(wú)限平鋪、沿著某個(gè)軸（x 軸或 y 軸）平鋪，或者根本不平鋪。

初始背景圖像（原圖像）根據(jù) background-position 屬性的值放置。

屬性值：

url('URL') 指向圖像的路徑。

none 默認(rèn)值。不顯示背景圖像。

示例：

   
   
   div{
   width: 400px;
   height: 300px;
   border: 1px solid red;
   }
   .img1{
   
   background-image: url(1.jpg);
   background-size: 200px;
   }