最近城市管理部門推出了一款基于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編寫表格樣式,能夠使得數據更清晰、美觀,方便用戶直觀了解自己車輛的狀態。
上一篇mysql正則匹配車牌
下一篇css 適配oppo劉海