CSS中的outline和border是兩個常見的樣式屬性，它們都可以定義元素的邊框樣式，但是作用有所不同。

首先來說outline，它可以定義一個元素的輪廓線，常用于高亮顯示某個元素或者在點(diǎn)擊后顯示一個虛線框。outline可以使用邊框樣式、顏色和寬度等屬性進(jìn)行設(shè)置。

樣式：
outline: [width] [style] [color];
示例：
outline: 2px dashed red;
outline: 5px solid blue;
outline: 3px double green;

而border是定義元素的實(shí)際邊框，可以使用不同的樣式來改變元素的外觀，如實(shí)現(xiàn)一個按鈕的圓角效果等等。border同樣可以使用邊框樣式、顏色和寬度等屬性進(jìn)行設(shè)置。

樣式：
border: [width] [style] [color];
示例：
border: 2px dashed red;
border: 5px solid blue;
border: 3px double green;

需要注意的是，邊框?qū)挾榷x的值是相對于元素內(nèi)部的尺寸來進(jìn)行設(shè)置的。例如一個元素設(shè)置了寬度100px、高度50px，但是邊框的寬度為5px，那么該元素外部實(shí)際的大小是105px * 55px。

另外，outline和border之間也有一些區(qū)別。outline的輪廓線會在元素內(nèi)部和外部都顯示，而border只會在元素內(nèi)部顯示。同時，outline還可以設(shè)置為不占用實(shí)際空間，不影響到元素的布局。

因此，在實(shí)際使用中，我們可以根據(jù)需要選擇使用outline還是border來定義元素邊框。需要強(qiáng)調(diào)的是，在一些舊版瀏覽器中，outline樣式的兼容性可能不如border，需要使用時需要注意瀏覽器的兼容性。