CSS笔记——background背景样式、圆角样式和渐变色样式

/* 背景样式 */
body {
  background-color: #FFF; /* 设置背景颜色 */
  background-image: url(images/bg_clouds.png); /* 设置背景图片 */
  background-repeat: repeat-x; /* 设置背景图片水平方向重复 */
  background-position: center top; /* 设置背景图片的位置 */
  background-attachment: fixed; /* 背景图片固定，不随页面滚动 */
}
 
/* 圆角样式 */
div.rounded {
  background-color: #FFF; /* 设置元素背景色 */
  border: 1px solid #555; /* 设置边框 */
  padding: 10px; /* 设置内边距 */
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari 和 Chrome */
  border-radius: 15px; /* 标准语法 */
}
 
/* 渐变背景色样式 */
div.gradient {
  background-color: #FFF; /* 设置元素背景色 */
  background-image: url(images/bg_gradient.png); /* 设置背景渐变图片 */
  background-repeat: repeat-x; /* 设置渐变背景水平方向重复 */
  padding: 10px; /* 设置内边距 */
}

这个代码实例展示了如何在CSS中设置背景样式、圆角样式和渐变背景色样式。使用了标准的CSS属性以及针对不同浏览器所需的特定前缀。这些样式可以应用于HTML文档中的任何元素，以增强页面的视觉效果。