在網頁開發中,有時需要設置表格行(tr)只有下邊框,這可以通過CSS來實現。
table{ border-collapse: collapse; /*合并表格邊框*/ } tr{ border-bottom: 1px solid black; /*設置下邊框*/ border-top: none; /*取消上邊框*/ border-left: none; /*取消左邊框*/ border-right: none; /*取消右邊框*/ }
首先通過border-collapse: collapse;
將表格邊框合并,使表格線條更加美觀。
接著設置tr的下邊框為實線邊框(邊框寬度可以根據需要進行調整),同時將上、左、右邊框設置為none(即取消邊框)。
這樣就可以輕松地實現只有表格行下邊框的效果。
上一篇css設置img的寬高比
下一篇css設置td垂直居中