Css 代码块 👇
div{width: 100px;/* 设置宽 */height: 100px;/* 设置高 */border-radius: 40px;/* 设置为圆角 四周圆40px 可调 越小越接近直角 */border: 2px solid #E1251B;/* 设置边框 2像素 直线 红色 */-webkit-transition: all .3s;/* 设置渐变 第一个值没有特殊要求就设置为all 第二个值为渐变时间0-1 小数时0可省略 可简写为 [.数字] 越大渐变的动画越明显*/}div:hover{background-color: #E1251B;/* 悬停时 修改背景色 */color: #FFFFFF;/* 悬停时文字颜色设为白色 */}
Html 代码块 👇
<div>Demo</div>