sziitjin的博客

style="color:{{grade?'#F37F00':'#999999'}}"

1、字体大小font-size:12px;2、文字加线1）下划线：text-decoration:underline2）删除线：text-decoration:line-through3）上划线：text-decoration:overline3、字体加粗font-weight:bold;4、字体倾斜font-style: italic;5、内容居中1）靠左对齐： text-align:left2）靠右对齐：text-align:right3）居中对齐..

1、上下居中（垂直居中）style="height: 40px; background-color: #FFFFFF;display: flex; flex-direction: row; align-items: center;"2、左右居中（水平居中）style="height: 40px; background-color: #FFFFFF; display: flex; flex-direction: row; justify-content: center;"...

padding : +数值+单位 或 百分比数值div{padding:5px}设置对象距离四边边距为5px间隔同时可以单独设置左、右、上、下边距离发布设置1、padding-left 设置对象距离左边的边距补白间隔div{padding-left:5px}对象内距离左边补白间距为5px2、padding-right 设置对象距离右边的边距补白间隔div{padding-right:5px}对象内距离右边补白间距为5px3、padding-top 设置对象距离上边的边距补白间隔.

基础线性渐变，从上到下background: linear-gradient(blue, pink);改变渐变方向background: linear-gradient(to right, blue, pink);对角线渐变background: linear-gradient(to bottom right, blue, pink);设置渐变角度background: linear-gradient(70deg, blue, pink);...

1. 指定背景颜色的元素圆角：{ border-radius: 25px; background: #8AC007; padding: 20px; width: 200px; height: 150px;}2. 指定边框的元素圆角:{ border-radius: 25px; border: 2px solid #8AC007; padding: 20px; width: 200px; height: 150px;.