HTML---CSS美化网页元素

在HTML和CSS结合的过程中，可以为页面元素添加各种样式，以下是一些常用的CSS属性，用于美化页元素：

1. 字体样式：

p {
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
}

2. 背景色和图片：

body {
  background-color: #f0f0f0;
  background-image: url('background.jpg');
  background-repeat: no-repeat;
  background-position: center;
}

3. 边框：

div {
  border: 2px solid #000000;
  border-radius: 5px;
}

4. 列表样式：

ul {
  list-style-type: square;
}

5. 布局和定位：

div.container {
  width: 80%;
  margin: 0 auto;
}
 
div.fixed {
  position: fixed;
  top: 0;
  right: 0;
}

6. 盒模型：

div {
  padding: 10px;
  box-shadow: 5px 5px 10px #888888;
}

7. 超链接：

a:link {
  color: #FF0000;
}
 
a:visited {
  color: #00FF00;
}
 
a:hover {
  color: #FF00FF;
}

以上只是一些基本的CSS样式，实际上CSS可以实现很多复杂的效果，比如动画、3D转换、响应式设计等。通过组合使用这些属性，开发者可以创建出美观、实用的网页。