css 样式中修改属性

在CSS中，我们可以使用各种各样的属性来控制和修改HTML元素的样式。下面是一些常见的CSS属性：

color: red; /* 控制文本颜色 */
font-size: 18px; /* 控制字体大小 */
background-color: yellow; /* 控制背景颜色 */
width: 200px; /* 控制元素宽度 */
height: 100px; /* 控制元素高度 */
text-align: center; /* 控制文本水平对齐方式 */
border: 1px solid black; /* 控制元素边框样式 */

这些属性可以单独使用，也可以同时使用。例如：

/* 同时控制元素宽高 */
width: 200px;
height: 100px;

/* 同时控制文本颜色和字体大小 */
color: red;
font-size: 18px;

/* 同时控制元素背景和边框样式 */
background-color: yellow;
border: 1px solid black;

还可以使用CSS中的伪类和伪元素来修改元素的部分样式，例如：

a:hover { /* 鼠标悬停时修改链接颜色 */
   color: blue;
}

p:first-of-type { /* 修改页面中第一个p元素的样式 */
   font-weight: bold;
}

div::before { /* 在div元素前插入新内容 */
   content: "新增内容：";
}

总之，CSS属性提供了很多强大的样式控制方法，我们可以根据自己的需要选择不同的属性来修改元素的样式。