是否有可能使用html和css仅将div的曲线边缘...不使用图像。使用Html和css的div标签的边缘曲线
2
A
回答
3
我假设你是指边界半径。是的,它可以在适当的浏览器(不是IE)中使用border-radius
。因为它是一个CSS3属性,它没有正确地实现,你需要做一些弄虚作假,使其工作:
-moz-border-radius: 10px; /* for firefox */
-webkit-border-radius: 10px; /* for safari & chrome */
border-radius: 10px; /* for others (opera) */
4
是的,这是可能的,但它是CSS 3功能,可能无法在所有浏览器上使用(或在所有浏览器中不一样)。一个例子见this article。
6
不以一种兼容跨浏览器的方式(特别是IE还不支持它)。在CSS 3中,您可以使用border-radius
,Safari和Firefox目前支持-webkit-border-radius
和-moz-border-radius
。例如
<div style="-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #000;
padding: 10px;">
This is a sample div.
</div>
1
是的,它当然是技术上可行的(我猜可能是最好的一种),here就是一个例子(一定要检查源代码,它确实是一种很酷的技术)。
相关问题
- 1. R igraph曲线的边缘
- 2. 圆形曲线标签| CSS
- 3. 只有HTML和CSS的尖锐边缘
- 4. 移除边缘在CSS标签
- 5. HTML div忽略边缘底部的div
- 6. 在DIV上使用CSS的曲线
- 7. 使用CSS曲线顶部的div
- 8. 从边缘的UIBezier路径曲线
- 9. 如何平滑曲折线的边缘?
- 10. D3在直线边缘和多个曲线边缘之间切换
- 11. 使用Cytoscape.js添加边缘标签
- 12. 与css和html div p标签问题
- 13. css不需要的边缘在父div
- 14. 使用HTML的div和CSS
- 15. 的Jinja2和HTML Div标签
- 16. 卷曲边缘和边框线不出现按钮
- 17. HTML和CSS无线标签问题
- 18. Android对话框曲线边缘
- 19. Matlab - 从边缘创建x,y曲线
- 20. arbor.js边缘点状贝塞尔曲线
- 21. 从弧形边缘画一条曲线
- 22. Graphviz重叠边缘标签
- 23. 边缘标签重叠
- 24. JUNG获得边缘标签
- 25. 透明Networx边缘标签
- 26. 如何将边缘标签放置在graphviz的边缘
- 27. Graphviz的边缘不可辨/边缘标签覆盖
- 28. 如何更改JUNG边缘的边缘标签?
- 29. 使标签捕捉到另一个标签的右边缘
- 30. Html定制选择标签使用CSS和Div
可能的重复:http://stackoverflow.com/questions/1127227/css-rounded-corners – 2009-12-31 18:51:58