首頁 > web前端 > css教學 > css如何設定表格的右邊框

css如何設定表格的右邊框

青灯夜游
發布: 2021-11-10 17:59:02
原創
4206 人瀏覽過

在css中,可以使用border-right屬性來設定表格的右邊框,該屬性的作用就是指定元素右邊框的寬度、樣式和顏色,語法「table{border-right: 邊框寬度邊框樣式邊框顏色;}」。

css如何設定表格的右邊框

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

在css中,可以border-right屬性來設定表格的右邊框。

border-right屬性是一個簡寫屬性,把右邊框的所有屬性設定到一個宣告中。

可以設定的屬性是(依序):border-right-width, border-right-style, and border-right-color。

範例:

預設表格是無邊框的:

<table>
	<tr>
		<th>姓名</th>
		<th>年龄</th>
	</tr>
	<tr>
		<td>Peter</td>
		<td>20</td>
	</tr>
	<tr>
		<td>Lois</td>
		<td>20</td>
	</tr>
</table>
登入後複製

css如何設定表格的右邊框

只需要給table元素設定border-right屬性,即可新增一個右邊框

table{
	border-right: 1px solid red;
}
登入後複製

css如何設定表格的右邊框

(學習影片分享:css影片教學

以上是css如何設定表格的右邊框的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板