在網頁設計中,段落是一種常見的文本展示形式。通過CSS樣式可以讓段落變得更加美觀、有結構感。以下是一些常見的CSS段落效果:
/* 設置段落顏色 */ p { color: #333333; } /* 設置段落背景色 */ p { background-color: #f0f0f0; } /* 設置段落字體 */ p { font-family: Arial, sans-serif; font-size: 16px; } /* 設置段落間距 */ p { line-height: 1.5; } /* 設置段落間隔 */ p { margin: 10px 0; /* 上下10px,左右為0 */ } /* 設置段落邊框 */ p { border: 1px solid #cccccc; padding: 10px; } /* 設置段落陰影 */ p { box-shadow: 2px 2px 5px #999999; } /* 設置段落顏色漸變 */ p { background: linear-gradient(to bottom, #ffffff, #f0f0f0); }
以上就是常見的CSS段落效果。可以根據實際情況選擇適合自己的樣式,以便更好地展示文本內容。