css网页增光教程 |css 平分宽度

/* CSS代码实现网页增光 */
/* 为元素添加阴影 */
.shadow {
box-shadow: 0px 0px 20px #ccc;
}
/* 添加背景色 */
.back {
background-color: #f3f3f3;
}
/* 使用角度设置渐变色背景 */
.gradient {
background: linear-gradient(45deg,#ef3d3d,#eec100);
}
/* 使用图片设置背景 */
.image {
background-image: url("images/bg.jpg");
}
/* 边框加粗 */
.border {
border: 2px solid #ccc;
}
/* 点击元素变换 */
.change {
transition: 0.5s;
}
.change:hover {
transform: scale(1.2);
}

以上是几种常用的CSS增光效果，可以根据实际情况自由组合使用。

小提示：当使用背景渐变时，可以使用配色工具来辅助搭配颜色，免得出现颜色过于花哨的问题。

好了，以上就是今天的教程，希望对大家有所帮助。