/* 设置元素的样式 */ p { font-size: 16px; color: #333; font-family: Arial, sans-serif; text-align: justify; background-color: #f7f7f7; border: 1px solid #bbb; border-radius: 5px; padding: 10px; margin: 10px; }
上述代码设置了
标签的样式,包括了字体大小、颜色、字体类型、对齐方式、背景颜色、边框样式等属性。其中,font-size
设置字体大小,color
设置字体颜色,font-family
设置字体类型,text-align
设置对齐方式,background-color
设置背景颜色,border
设置边框样式,border-radius
设置边框圆角,padding
设置内边距,margin
设置外边距,通过这些属性的组合,可以实现各种样式效果。
在实际使用中,大家可以根据需要选择不同的元素来设置样式,例如:h1
、h2
、ul
、li
等等。另外,大家也可以使用选择器来选择页面中的不同元素,在同一个页面中使用不同的样式。
总之,使用CSS能够让大家更加方便快捷地设置元素样式,从而让页面更美观、更易读、更易用,提升用户体验。