CSS3內部圖是在CSS3規范中新增的一個特性，它可以讓我們通過CSS樣式來繪制一些簡單的圖形，而不需要使用圖片或JavaScript。下面就來介紹一下如何使用CSS3內部圖。

代碼示例：
div{
width: 200px;
height: 200px;
background-color: #f2f2f2;
border-radius: 50%;
/*創建圓形*/
}
div:before{
content: "";
width: 100px;
height: 100px;
background-color: #4285f4;
border-radius: 50%;
/*創建藍色圓形*/
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/*居中*/
}
div:after{
content: "";
width: 60px;
height: 60px;
background-color: #fff;
border-radius: 50%;
/*創建白色圓形*/
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/*居中*/
}

以上代碼可以實現創建一個圓形，然后再在圓形中間嵌套兩個小的圓形，其中小的藍色圓形用來表示眼睛，小的白色圓形用來表示眼珠。

CSS3內部圖還有很多其他的用途，比如可以用來制作按鈕、加載動畫等等，可以大大節省加載圖片或使用JavaScript的成本，同時也使得頁面加載速度更快了。

但是需要注意的是，CSS3內部圖的瀏覽器兼容性可能會存在一些問題，還需要結合實際情況來使用。