我想在div标签内制作圆角框。我怎样才能做到这一点?你能举个例子吗?如何使用jquery在DIV标签内制作圆角框?
2
A
回答
7
您可以使用CSS:
.rounded-corners {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}
然后使用类 “.rounded来访者” 添加到您的div的jQuery:
$("#div-id").addClass("rounded-corners");
+4
'border-radius'和'box-阴影“不再需要供应商前缀。请参阅:[MDN浏览器兼容性表格](https://developer.mozilla.org/en/CSS/border-radius#Browser_compatibility) – 2012-01-12 07:37:39
5
在CSS中使用border-radius:10px。
也看看这个帖子:https://stackoverflow.com/questions/521432/best-jquery-rounded-corners-script
2
我相信你正在寻找border-radius
CSS property。 JavaScript与元素的外观无关,只是它们如何行事。
<div style="border-radius:10px;height:100px;width:100px;"></div>
1
下面是一些浏览器的安全方式:
.box {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
1
你可以在div标签使用JQuery.Corner.Js
make的角落。
在第一步后“的jquery.js”
<script src="../JQuery/external/jquery/jquery.js"></script>
<script src="jquery.corner.js"></script>
<script>
$(document).ready(function() {
$("#Div1").corner();
$("#Div2").corner("long");
});
</script>
<body>
<div id="Div1" style="background-color: blue;
width: 150px; height: 150px;">
</div>
<br />
<div id="Div2" style="background-color: blue;
width: 150px; height: 150px;">
</div>
<br />
</body>
你可以在这个地址找到更多的样本JQuery Corner Demo
相关问题
- 1. 如何制作带圆角的div
- 2. 如何制作div角落椭圆形?
- 3. 如何制作带边框的半圆角(顶角圆角)texview?
- 4. 如何使用jquery和css3制作角度标签界面?
- 5. 如何使圆角边框的内容也是圆角的?
- 6. 如何使用量角器访问一个div标签内容
- 7. 如何使用jquery在标签标签内呈现html内容
- 8. 如何使用jQuery在div标签内部找到特定标签值
- 9. 如何使用jquery在div标签中添加span标签?
- 10. 如何在div标签是在角4
- 11. 如何在圆角矩形内或圆形内绘制图像?
- 12. 如何制作圆角转角网格?
- 13. 带圆角的Div边框
- 14. 如何在div标签内制作超链接图片?
- 15. 设计标签标题CSS与标签内容连接 - 圆角
- 16. 绘制圆角框
- 17. 如何使用Javascript/jQuery从div内容中去除HTML标签?
- 18. 如何在{{tmpl}}标签内使用其他Jquery模板标签
- 19. 如何使用DIV中的html标签限制内容
- 20. 在带圆角的div内滚动iframe叶圆角的痕迹
- 21. 如何添加边框的三角形在div标签
- 22. 标签光滑圆角
- 23. 用角材制作图标标签?
- 24. 如何绘制圆角矩形标签或视图?
- 25. 将边框应用于div与圆角?
- 26. 如何使具有圆角边框的元素的内容也是圆角的?
- 27. 我该如何制作div标签的边框底部?
- 28. 制作带圆角的WPF组合框
- 29. 如何制作圆角可见性的数组的div
- 30. 如何制作具有圆角和背景色的Div?
的可能重复[什么是最好的方法来创建圆角添加到您的网页
jquery.corner.js
使用CSS?](http://stackoverflow.com/questions/7089/what-is-the-best-way-to-create-round-corners-using-css) – 2012-01-12 07:56:18