css establece el color y la forma del fondo
CSS:
.grup{
padding-top: ?104px
posición: ?relativa; p> radio del borde: ?15px;
margen inferior: ?217px
}
.grup?.img{
ancho: ?370px;
alto: ?87px;
posición: ?absoluto
superior:
margen; -left:?calc(50?-?185px);
índice z: 999;
fondo:?linear-gradient(
115deg, / *Ángulo de inclinación de segmentación del fondo*/
#fff?0,
#fff?40,
#3596EB?40,
#3596EB?100
);
borde:?4px?solid?#3596EB;
radio-borde:?44px;
}
.grup?.img?.coun{
display:?flex;
justify-content:?space-around;
}
.grup?.img?.coun?div{
display:?flex;
line-height:?88px; p> p>
}
.grup?.img?.coun?.left{
color: #3596EB
tamaño de fuente: ?32px ;
espacio entre letras: ?3px;
peso de fuente: ?500;
}
.grup?. img?.coun?.right{
color: #fff;
tamaño de fuente: ?28px;
espacio entre letras: ?3px; p>
peso de fuente: ?500;
}
HTML:
lt;div?class="up?grup"gt;
lt;div?class="img"gt;
lt;div?class="coun"gt;
lt;div?class="izquierda "gt ;Newlt;/divgt;
lt;div?class="right"gt;Todas las coleccioneslt;/divgt;
lt;/divgt;
lt;/divgt;
lt;/divgt;
Efecto: