/* 字体样式 */ p { font-family: Arial, sans-serif; /* 设置字体家族 */ font-size: 16px; /* 设置字体大小 */ font-style: italic; /* 设置字体样式为斜体 */ font-weight: bold; /* 设置字体粗细为粗体 */ text-decoration: underline; /* 设置文本下划线 */ } /* 字体颜色 */ p { color: #333; /* 设置文字颜色为黑色 */ } /* 颜色变换 */ p:hover { color: #ff0000; /* 鼠标悬停时文字颜色变成红色 */ }
在CSS中,可以通过设置font-family
属性来指定字体家族,例如在上面的样式中,先尝试应用Arial字体(如果系统已经安装了该字体),如果没有的话就使用sans-serif字体。
同样,通过设置font-size
属性可以调整字体大小。同时,font-style
和font-weight
属性可以分别调整字体样式和粗细。
另外,可以使用text-decoration
属性来添加下划线、删除线等样式。
在设置字体颜色时,可以使用颜色的名称或RGB颜色值。并且通过使用:hover
伪类来对文字进行颜色变换,提升用户体验。