/* 1. 文字颜色 */ p { color: red; } /* 2. 字体大小 */ p { font-size: 16px; } /* 3. 字体样式 */ p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } /* 4. 文字加粗 */ p { font-weight: bold; } /* 5. 文字倾斜 */ p { font-style: italic; } /* 6. 文字下划线 */ p { text-decoration: underline; } /* 7. 文字大小写 */ p { text-transform: uppercase; text-transform: lowercase; text-transform: capitalize; } /* 8. 字母间距和文字间距 */ p { letter-spacing: 2px; word-spacing: 5px; } /* 9. 文字对齐 */ p { text-align: left; text-align: center; text-align: right; text-align: justify; }
通过使用以上CSS文字书写效果,可以让网页内容更加生动、美观,更好地引导用户阅读和理解网页内容。