1、設定邊框和背景色需要使用css的border和background屬性。具體的用法是，首先開啟html編輯器，在空白的html檔案中，新建一個div和span標籤，並在上方head裡設定style標籤：
https://iknow-pic.cdn.bcebos.com/0ff41bd5ad6eddc4ee598b6f37dbb6fd536633e3
2、接著在style標籤中設定span和div的標籤，首先給它們寬度和高度，接著給他們設定不同顏色，最後設定邊框border，border屬性的3個值分別代表邊框寬度，邊框樣式，邊框顏色：
https://iknow-pic.cdn.bcebos.com/9345d688d43f879411cd70badc1b0ef41bd53a77
3、其中邊框樣式有點線，虛線，雙線，實線等不同類別，具體樣式在下圖中均已列出，可根據自己的喜好選擇，這裡設定span的邊框樣式為dashed，div的為solid：
https://iknow-pic.cdn.bcebos.com/50da81cb39dbb6fd837b2cb50724ab18972b3705
4、最後開啟瀏覽器，就可以看到設定好的效果了。以上就是設定span和div的邊框和背景色的方法介紹：
https://iknow-pic.cdn.bcebos.com/aec379310a55b3191ae44be64da98226cffc1700
1、設定邊框和背景色需要使用css的border和background屬性。具體的用法是，首先開啟html編輯器，在空白的html檔案中，新建一個div和span標籤，並在上方head裡設定style標籤：
https://iknow-pic.cdn.bcebos.com/0ff41bd5ad6eddc4ee598b6f37dbb6fd536633e3
2、接著在style標籤中設定span和div的標籤，首先給它們寬度和高度，接著給他們設定不同顏色，最後設定邊框border，border屬性的3個值分別代表邊框寬度，邊框樣式，邊框顏色：
https://iknow-pic.cdn.bcebos.com/9345d688d43f879411cd70badc1b0ef41bd53a77
3、其中邊框樣式有點線，虛線，雙線，實線等不同類別，具體樣式在下圖中均已列出，可根據自己的喜好選擇，這裡設定span的邊框樣式為dashed，div的為solid：
https://iknow-pic.cdn.bcebos.com/50da81cb39dbb6fd837b2cb50724ab18972b3705
4、最後開啟瀏覽器，就可以看到設定好的效果了。以上就是設定span和div的邊框和背景色的方法介紹：
https://iknow-pic.cdn.bcebos.com/aec379310a55b3191ae44be64da98226cffc1700