CSS是網頁設計中的重要元素之一,通過使用不同的元素排版方式可以使網頁看上去更加美觀和易讀。以下是常用的CSS元素排版方式。
/* 段落排版 */ p { font-size: 16px; line-height: 1.5; text-align: justify; } /* 頁眉和頁腳排版 */ header, footer { background-color: #333; color: #fff; padding: 10px; } /* 列表排版 */ ul, ol { margin: 0; padding: 0; } li { padding-left: 20px; list-style: none; } /* 鏈接排版 */ a { text-decoration: none; color: #333; } a:hover { color: #000; } /* 表格排版 */ table { border-collapse: collapse; width: 100%; } th, td { border: 1px solid #333; padding: 10px; } th { background-color: #333; color: #fff; text-align: left; } /* 圖片排版 */ img { max-width: 100%; height: auto; display: block; }
上一篇帶缺口的左側導航css
下一篇常用css列表效果