css盒模型显示背景 |css去边框

.box{
width: 300px;
height: 200px;
border: 1px solid #000;
padding: 20px;
margin: 10px;
background-color: #eee;
background-image: url(bg.jpg); /* 设置背景图片 */
background-repeat: no-repeat; /* 禁止背景重复 */
background-position: center center; /* 背景位置居中 */
}

上述代码中，大家定义了一个名为”box”的div元素，设置了它的宽度、高度、边框、内边距和外边距，以及背景的颜色和图片。其中，background-image属性指定了要显示的背景图片，而background-repeat属性则禁止了图片的重复显示。最后，通过设置background-position属性，将背景图片居中显示。