色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css 違停查詢 案例

錢斌斌2年前11瀏覽0評論

最近城市管理部門推出了一款基于CSS技術的違停查詢系統,讓市民可以更快捷、直觀地查看自己車輛的違停情況。

// 樣式代碼
table {
border-collapse: collapse;
margin: 20px;
}
th,
td {
border: 1px solid #ccc;
padding: 10px;
text-align: center;
}
tr:nth-child(odd) {
background-color: #f2f2f2;
}
tr:hover {
background-color: #ddd;
}
td.status {
font-weight: bold;
color: #fff;
}
td.yes {
background-color: #4caf50;
}
td.no {
background-color: #f44336;
}

查詢結果以表格形式展現,表頭列出了車牌號、違停時間和狀態三列。狀態列使用了不同的顏色來區分是否違停,綠色表示正常,紅色表示違停。其中,狀態列的樣式加粗、變色了。

使用CSS編寫表格樣式,能夠使得數據更清晰、美觀,方便用戶直觀了解自己車輛的狀態。