CSS排版是網頁設計中非常重要的一環,好的排版可以讓網頁看起來更加美觀、易讀、易用。下面介紹幾種常用的CSS排版樣式:
/* 設置字體 */ font-family: "Roboto", sans-serif; font-size: 16px; /* 設置文字顏色 */ color: #333; /* 設置行高 */ line-height: 1.5; /* 設置段落間距 */ margin-bottom: 20px; margin-top: 20px; /* 設置段落首行縮進 */ text-indent: 2em; /* 設置文本對齊方式 */ text-align: center; /* 設置水平垂直居中 */ display: flex; align-items: center; justify-content: center; /* 設置列表樣式 */ list-style-type: disc; /* 圓點 */ list-style-type: square; /* 方塊 */ /* 設置圖片顯示方式 */ display: block; margin: 0 auto; width: 100%; height: auto; /* 設置邊框 */ border: 1px solid #ccc; border-radius: 10px; /* 設置陰影效果 */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* 設置背景顏色 */ background-color: #f5f5f5;
以上是常用的CSS排版樣式,通過合理地運用這些樣式可以使網頁看起來更加美觀、易讀、易用。