CSS中的URL用于引用外部文件或者指向頁面上的一個元素，下面就介紹一下在URL后面可以加些什么：

1. 相對路徑

url("images/pic.png");  /*相對于CSS文件目錄下的images文件夾*/
url("../images/pic.png"); /*相對于CSS文件所在目錄的上一級目錄下的images文件夾*/
url("/images/pic.png"); /*相對于站點根目錄的images文件夾*/

2. 絕對路徑

url("https://www.example.com/images/pic.png"); /* 絕對路徑 */

3. data URIs

url("data:image/png;base64,iVBORw0KG..."); /* data URIs */

4. 引用字體

/* 引用外部字體 */
@font-face {
font-family: 'MyFont';
src: url('https://www.example.com/fonts/MyFont.ttf') format('truetype');
}
body{
font-family:'MyFont', Arial, serif; /* 使用自定義字體 */
}

5. 引用SVG圖像

background-image: url('image.svg#my-icon'); /* 引用SVG圖像 */
/* 
如果SVG圖像被精簡了，可以在URL后面加上“#”以引用單獨的圖形。
例如，如果SVG圖像包含一組具有ID“foo”的矩形元素，
background-image: url('image.svg#foo'); 
*/

總結

在CSS中，URL可以用于引用外部文件、指向頁面元素、引用字體、引用SVG圖像等等。在URL后面可以加上相對路徑、絕對路徑、data URIs等等。加深對這些用法的理解，可以幫助我們更好地使用CSS。