當我們需要為網頁中的某些元素添加邊框時,可以使用CSS來實現。下面將介紹使用外部CSS文件加邊框的方法。
/* CSS代碼 */ .box { border: 1px solid #000; padding: 10px; }
以上CSS代碼定義了一個.box類,其中的border屬性設置為1像素寬的黑色實線邊框,padding屬性設置為10像素的內邊距。
這樣我們就可以在HTML中調用該類來給指定元素添加邊框了,方法是在指定元素的class屬性中添加box類名:
<div class="box">這是一個示例</div>
以上代碼會在頁面上顯示一個帶有邊框和內邊距的div元素。
注意,為了引用外部CSS文件,需要在HTML文檔的
標簽中添加以下代碼:<link rel="stylesheet" type="text/css" href="style.css">
其中,href屬性指向我們的外部CSS文件。
這樣,我們就使用外部CSS成功給指定元素加邊框了。