/* 改变字体颜色 */ p { color: red; } /* 改变背景颜色 */ body { background-color: yellow; } /* 添加边框 */ img { border: 1px solid black; } /* 设置文本居中 */ h1 { text-align: center; } /* 调整字体大小 */ p { font-size: 20px; } /* 调整文本格式 */ ul { list-style-type: none; margin: 0; padding: 0; } li { display: inline; } /* 调整网页布局 */ .container { display: flex; flex-direction: row; justify-content: space-between; }
上面的代码只是CSS修饰网页的一小部分,CSS拥有更加强大的功能以及更多的样式属性,让你的网页更加丰富和优美。