Default tables have gappy double borders. border-collapse: collapse merges them into clean single lines. Add padding to cells, and stripe rows with tr:nth-child(even) for scannability. Right-align numeric columns to finish the polish.
Default tables have gappy double borders. border-collapse: collapse merges them into clean single lines. Add padding to cells, and stripe rows with tr:nth-child(even) for scannability. Right-align numeric columns to finish the polish.
<!doctype html><html><head><meta charset="utf-8">
<style>table{border-collapse:collapse;color:#e6e0ff}th,td{border:1px solid #2a1d4a;padding:8px 14px}tr:nth-child(even){background:#140a28}th{background:#1c1240;color:#b388ff}</style></head><body style="background:#06040d;padding:20px">
<table><tr><th>item</th><th>qty</th></tr><tr><td>a</td><td>2</td></tr><tr><td>b</td><td>5</td></tr></table></body></html>