html涓璽able鏍峰紡璁剧疆
HTML涓彲浠ヤ娇鐢–SS鏉ヨ缃畉able鐨勬牱寮忋€備互涓嬫槸涓€浜涘父鐢ㄧ殑table鏍峰紡璁剧疆锛?/p>
- 璁剧疆琛ㄦ牸鐨勮竟妗嗘牱寮忥細
table {
border-collapse: collapse;
border: 1px solid black;
}
- 璁剧疆琛ㄦ牸鐨勫搴﹀拰楂樺害锛?/li>
table {
width: 100%;
height: 200px;
}
- 璁剧疆琛ㄦ牸鐨勮儗鏅鑹诧細
table {
background-color: #f2f2f2;
}
- 璁剧疆琛ㄦ牸涓崟鍏冩牸鐨勮竟妗嗘牱寮忥細
td, th {
border: 1px solid black;
}
- 璁剧疆琛ㄦ牸鐨勫瓧浣撴牱寮忥細
table {
font-family: Arial, sans-serif;
font-size: 14px;
color: #333333;
}
- 璁剧疆琛ㄥご鐨勮儗鏅鑹插拰鏂囧瓧棰滆壊锛?/li>
th {
background-color: #333333;
color: #ffffff;
}
- 璁剧疆琛ㄦ牸涓殑濂囧伓琛岀殑鑳屾櫙棰滆壊锛?/li>
tr:nth-child(odd) {
background-color: #f9f9f9;
}
- 璁剧疆琛ㄦ牸涓紶鏍囨偓鍋滄椂鐨勮儗鏅鑹诧細
tr:hover {
background-color: #dcdcdc;
}
浠ヤ笂鏄竴浜涘父鐢ㄧ殑table鏍峰紡璁剧疆锛屽彲浠ユ牴鎹叿浣撻渶姹傝繘琛岃皟鏁村拰鎵╁睍銆?/p>
相关问答