-1
A
回答
1
您可以使用伪元素来创建舍入的片段和“剪裁”的边框。
.flex {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.flex > * {
height: 50px;
position: relative;
display: flex;
align-items: center;
}
.flex > *:before {
content: "";
position: absolute;
display: inline-block;
top: 10px;
bottom: 0px;
left: -90px;
width: 90px;
border-right: 2px solid red;
border-bottom: 2px solid red;
border-bottom-right-radius: 10px;
}
.flex > *:after {
content: "";
position: absolute;
display: inline-block;
top: -2px;
height: 10px;
left: 0px;
width: 10px;
border-left: 2px solid red;
border-top: 2px solid red;
border-top-left-radius: 10px;
}
.flex > .one {
width: 100px;
}
.flex > .two {
width: 200px;
}
.flex > .three {
width: 300px;
}
.flex > .four {
width: 400px;
}
.degrees {
/* circle styles */
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid red;
/* styles for centering */
display: flex;
align-items: center;
justify-content: center;
margin-left: 15px;
}
<div class="flex">
<div class="one">
<div class="degrees">1°</div>
</div>
<div class="two">
<div class="degrees">2°</div>
</div>
<div class="three">
<div class="degrees">3°</div>
</div>
<div class="four">
<div class="degrees">4°</div>
</div>
</div>
0
这些样式。因此,在标签style =“ - moz-border-radius:5px;”
input[type=email] {
-moz-border-radius: 5px;
border-radius: 5px;
border: solid 1.4px black;
padding: 5px;
padding: 7px 7px 7px 7px;
max-width: 300px;
width: 80%;
}
+1
'border-radius'的'-moz-'供应商前缀[不再需要](http://caniuse.com/#feat=border-radius) – Toastrackenigma
相关问题
- 1. 圆角半径使用JavaScript
- 2. 的Android动画圆角半径
- 3. 圆角半径问题
- 4. UIToolbar上的圆角半径?
- 5. 倒三角倒角与圆角
- 6. 圆角矩形工具和Photoshop中的比例圆角半径
- 7. 圆角圆角?
- 8. 将一个CAShapeLayer圆动画成一个圆角三角形
- 9. CSS3倒圆角落
- 10. 圆角(边缘半径)Safari问题
- 11. 如何绘制一个带有圆角半径的三角形?
- 12. 问题的边界半径圆角
- 13. 倒圆半径计算
- 14. Twitter上的圆角半径boostrap navbar
- 15. CSS圆角
- 16. CSS圆角
- 17. css圆角
- 18. CSS圆角
- 19. 更改iOS6中uitableview的圆角半径
- 20. 奇怪的文物与圆角半径
- 21. iphone:按钮圆角半径未设置
- 22. CALayer内边框圆角半径
- 23. 为绘制UIImageView设置圆角半径
- 24. 圆角半径的范围是多少?
- 25. 带边框半径的多线圆角
- 26. TableView圆角半径不同在iOS6
- 27. 圆角半径可绘制形状
- 28. 如何更改UISegmentedControl的圆角半径?
- 29. 按钮圆角半径不iOS的
- 30. Highcharts:绘图边框的圆角半径
如果你尝试过什么添加代码示例,你可能会得到一些正确的答案 – LGSon
添加'padding'和负'margin'抵消它,而隐藏在了'overflow'父元素。 –
没有代码 - 没有巧克力。我们可以帮忙,而不是为你做。你到目前为止做了什么,你失败了?屏幕截图是无用的 –