CSS 将按钮转成超链接样式
一.将按钮转成超链接样式
.GoStyle
{
color: #0c5fc4;
background-color: #FFFFFF;
border: 0px none;
cursor: hand;
font-family: "宋体";
font-size: 15px;
}
二.多变形 ,下例为两个不同方向梯形。
.upTrapezoid { justify-content: center; align-items: center; display:flex; width: 50px; /* 梯形的宽度 */ height: 6px; /* 梯形的高度 */ background-color: #E6E8EB; /* 梯形的颜色 */ clip-path: polygon(15% 0%, 85% 0%, 100% 100%, 0% 100%); /* 创建梯形的多边形点 从左上角为原点开始顺时针,每个点由x,y组成 最左边是x起点,最右边为x上度*/ } .downTrapezoid { justify-content: center; align-items: center; display:flex; width: 50px; /* 梯形的宽度 */ height: 6px; /* 梯形的高度 */ background-color: #E6E8EB; /* 梯形的颜色 */ clip-path: polygon(0px 0px, 100% 0%, 85% 100%, 15% 100%); /* 创建梯形的多边形点 */ }
浙公网安备 33010602011771号