CSS能否四舍五入,CSS - 按钮的左边框在右侧四舍五入

5 个答案:

答案 0 :(得分：1)

您必须重置border的button

＆＃13;

＆＃13;

button {

border: 0

}

.button-viztype {

height: 75px;

font-size: 1.3em;

border-style: solid;

border-left-width: 7px;

box-shadow: 0px 3px 1px #c3c3c3;

}

.button-distribution {

border-left-color: #1B3D77;

}

.button-comparison {

border-left-color: #397EF6;

}

.button-composition {

border-left-color: #6181B8;

}

.button-relationship {

border-left-color: #82ADF6;

}＆＃13;

Distribution

Comparison

Composition

Relationship

＆＃13;＆＃13;＆＃13;

答案 1 :(得分：1)

您可以覆盖按钮边框：

.button-viztype {

border: none;

height:75px;

font-size: 1.3em;

border-left-style: solid;

border-left-width: 7px;

box-shadow: 0px 3px 1px #c3c3c3;

}

答案 2 :(得分：0)

＆＃13;

＆＃13;

**Reset your Border of button to none **

.button-viztype {

border: none;

border-left: 7px solid #1B3D77;

}＆＃13;＆＃13;＆＃13;

答案 3 :(得分：0)

有点难以看到你指的是什么，但你必须首先重置所有的边框宽度

.button-viztype {

height: 75px;

font-size: 1.3em;

border-width: 0;

border-style: solid;

border-left-width: 7px;

box-shadow: 0px 3px 1px #c3c3c3;

}

.button-distribution {

border-left-color: #1B3D77;

}

.button-comparison {

border-left-color: #397EF6;

}

.button-composition {

border-left-color: #6181B8;

}

.button-relationship {

border-left-color: #82ADF6;

}

Distribution

答案 4 :(得分：0)

这是因为你的其他边缘有边框。您可以覆盖默认值并设置如下边框：

.button-viztype {

border: none;

border-left: 7px solid #1B3D77;

}

等