可以用border-color屬性設(shè)置span和div的邊框顏色，用background屬性控制span和div的背景顏色。

1、新建html文檔，在body標(biāo)簽中添加div標(biāo)簽，然后在div標(biāo)簽中添加一些span標(biāo)簽：

2、添加style標(biāo)簽并定義一個(gè)類，為這個(gè)類設(shè)置border-color屬性，屬性值為邊框的顏色，然后將這個(gè)類引用到div和span標(biāo)簽上，這時(shí)div和span就被添加上了邊框顏色：

3、為之前設(shè)置的類添加background屬性，屬性值為背景顏色，這時(shí)div和span就被添加上了背景顏色：

1、打開html開發(fā)工具，新建一個(gè)html代碼頁(yè)面，然后創(chuàng)建一個(gè)<div>標(biāo)簽，并給這個(gè)標(biāo)簽添加文字和一個(gè)class為了solid。

創(chuàng)建<div>代碼:<div>solid:定義一個(gè)邊框</div>

2、設(shè)置線條邊框。創(chuàng)建<style>標(biāo)簽，然后在這個(gè)標(biāo)簽里設(shè)置solid類的樣式為實(shí)線邊框。

css樣式代碼：

<styletype="text/css">

.solid{

border-style:solid;

border-width:1px;

}

</style>

3、保存html代碼，然后使用瀏覽器打開，即可看到瀏覽器頁(yè)面上顯示一個(gè)實(shí)線邊框。