首頁  >  文章  >  web前端  >  CSS怎麼設定table樣式

CSS怎麼設定table樣式

藏色散人
藏色散人原創
2021-04-23 09:06:126791瀏覽

CSS設定table樣式的方法:先建立一個HTML範例檔案;然後透過table標籤建立一個表格;最後透過為表格新增「background-color」等屬性來設定table樣式即可。

CSS怎麼設定table樣式

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

表格是個很重要的東西,讓我們來美化一下吧!

table{
	width:290px;height:300px;
	border:1px solid black;/*设置边框粗细,实线,颜色*/
	text-align:center;/*文本居中*/
	background-color:#70DB93;
	border-collapse: collapse;/*边框重叠,否则你会看到双实线*/
}
th{
	border:1px solid black;
	color:black;
	font-weight:bold;/*因为是标题栏,加粗显示*/
}
td{
	border:1px solid black;
	color:#8E2323;
}
##DP圖論字串線性DP最短路KMP演算法區間DP#拓樸排序#tire樹樹型DP#tarjan演算法序列自動機狀壓DP#匈牙利演算法AC自動機
上面就是最樸素的表格了。 (美化的以後更新)

【推薦學習:

css影片教學

以上是CSS怎麼設定table樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn