css3渐变属性画正方形 |css基于底部

tr css定义，css 选择框男女，h5 css教材，css去除网页底部空白，css语法屏幕分辨率，微信多久更新css样式，css基于底部 css3渐变属性画正方形 |css基于底部

.square {
background: linear-gradient(to bottom right, red, blue);
width: 100px;
height: 100px;
}

为了使用渐变属性画一个正方形，首先需要创建一个具有相应样式的class。在上面的代码中，大家创建了一个名为.square的class，并为其添加渐变属性。这里大家使用了linear-gradient属性来实现线性渐变，将红色渐变为蓝色。

接着，大家指定了正方形的宽度和高度，都为100px。这样大家就创建了一个宽高相等的正方形。

最后，将这个class应用到HTML代码中的一个元素中，如下所示：

<div class="square"></div>

这样，大家就可以在网页上看到一个漂亮的渐变正方形了。