在CSS3中,設(shè)置下邊框可以使用border-bottom屬性。
樣式格式: border-bottom:寬度 樣式 顏色; 例如: border-bottom: 1px dashed #000; 其中,寬度可以使用長(zhǎng)度值(如px、em等),也可以使用thin、medium、thick等關(guān)鍵字; 樣式可以使用solid(實(shí)線)、dashed(虛線)、dotted(點(diǎn)線)等樣式; 顏色可以使用16進(jìn)制值、rgb值、顏色名稱等方式指定。
還可以使用border-bottom-width、border-bottom-style、border-bottom-color三個(gè)屬性單獨(dú)設(shè)置下邊框的寬度、樣式和顏色。
樣式格式: border-bottom-width:寬度; border-bottom-style:樣式; border-bottom-color:顏色; 例如: border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #ccc;
使用border-bottom屬性,可以方便地設(shè)置HTML元素下邊框的樣式、顏色和寬度,實(shí)現(xiàn)更多樣化的頁面設(shè)計(jì)。