CSS 可以輕松地實現評論區的樣式,并且可以使評論區更加美觀和易于閱讀。以下是示例代碼:
.comment-container { background-color: #f5f5f5; border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; } .comment-header { font-weight: bold; margin-bottom: 5px; } .comment-text { margin-bottom: 10px; } .comment-text p { margin: 0; padding: 0; } .comment-meta { font-size: 12px; color: #666; text-align: right; }
在上面的代碼中,我們首先定義了一個評論容器,其背景顏色為淺灰色,邊框為灰色,內邊距為 10 像素,外邊距為 20 像素,以此來圍繞整個評論區。
接下來,我們定義了評論的標題和文本的樣式,使用粗體顯示標題,并設置文本的 margin 和 padding 為 0,以消除默認樣式的影響。
最后,我們定義了元數據的樣式,這些元數據包括評論的作者、日期和時間等信息。我們使用灰色字體和右對齊方式來使元數據更可讀。
這些 CSS 樣式可以應用于任何基于 HTML 的評論系統,即使您使用的是第三方評論服務。
上一篇mysql5.0升級版本
下一篇css實現面包屑路徑