p { color: red; /*文字颜色*/ font-weight: bold; /*文字粗细*/ font-family: Arial, sans-serif; /*字体*/ font-size: 18px; /*字体大小*/ text-align: center; /*文字居中*/ }
2. 背景样式:
body { background-color: #f5f5f5; /*背景颜色*/ background-image: url("bg.jpg"); /*背景图片*/ background-repeat: repeat; /*背景重复*/ background-position: center center; /*背景位置*/ }
3. 盒子模型样式:
div { width: 200px; /*盒子宽度*/ height: 200px; /*盒子高度*/ border: 1px solid black; /*边框*/ margin: 10px; /*外边距*/ padding: 20px; /*内边距*/ box-sizing: border-box; /*盒子大小*/ }
4. 链接样式:
a { text-decoration: none; /*去掉下划线*/ color: blue; /*链接颜色*/ font-weight: bold; /*链接粗细*/ } a:hover { color: red; /*鼠标悬停链接颜色*/ }
5. 列表样式:
ul { list-style-type: none; /*去掉默认样式*/ } li { margin: 10px 0; /*行间距*/ padding: 5px; /*内边距*/ background-color: #f5f5f5; /*背景颜色*/ border-radius: 5px; /*圆角*/ }总之,CSS让大家可以控制网页的样式和布局,使网页看起来更美观和专业。