在网页设计中，CSS背景填充和白边的设置经常被用来优化网页的视觉效果。下面我们来详细讨论一下这两个基本的CSS属性。
CSS背景填充是指页面中元素的背景颜色、图片或渐变效果。我们可以使用background-color属性来设置元素的背景颜色。而如果需要使用图片作为背景，我们可以使用background-image属性来实现。渐变效果可以使用background: linear-gradient或background: radial-gradient属性来实现。
在设置背景填充时，还可以使用额外的属性来控制填充效果，比如背景图片的位置和大小以及重复方式，以及渐变效果的方向和颜色。如下是一个设置背景颜色和背景图片的例子：
div {
background-color: blue;
background-image: url("bg.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
另一个常用的CSS属性是白边(border)，它可以为元素设置边框效果。我们可以使用border-style属性来设置边框的样式，包括实线、虚线、点线等，也可以用border-width和border-color属性来控制边框的宽度和颜色。可以使用border-radius属性来设置边框圆角的程度。
在设置白边时，也可以使用缩写属性border来一次性设置样式、宽度和颜色。如下是一个全面设置白边效果的例子：
div {
border: 2px solid #ccc;
border-radius: 10px;
}
综上所述，CSS背景填充和白边设置是网页设计中常用的两个基本属性。合理运用这些属性，可以使页面更美观，提高用户体验。
