css美化ui代码 |ecshop怎么新增css

/* 改变字体和字号 */
body {
font-family: Arial, sans-serif;
font-size: 16px;
}
/* 添加背景颜色和图片 */
body {
background-color: #f3f3f3;
background-image: url(background-image.jpg);
background-repeat: repeat;
}
/* 设置按钮样式 */
button {
display: inline-block;
padding: 10px 20px;
background-color: #4CAF50; 
color: #fff;
border: none;
text-align: center;
text-decoration: none;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
border-radius: 5px;
}
/* 添加阴影效果 */
.box {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}
.box:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
/* 创建响应式布局 */
@media screen and (max-width: 600px) {
body {
font-size: 12px;
}
button {
font-size: 12px;
padding: 5px 10px;
}
}

使用CSS可以实现无限可能的UI美化效果。以上代码只是几个常见的例子，通过自己的创意和实验，可以创造出独一无二的UI界面。