English 中文(简体)
• 如何在DIV 帽子内用 j子架设圆顶箱?
原标题:How to make round corner box inside DIV tag with jquery?

我想在四舍五入体内架设环角。 我如何能够这样做? 你能给我以任何榜样?

最佳回答

You can use CSS:

.rounded-corners {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

之后,用 j子将“环绕的玉米”类添加到:

$("#div-id").addClass("rounded-corners");
问题回答

使用边境半径:10px与CSS。

并查看这一职位:https://stackoverflow.com/questions/521432/best-jquery-rounded-topers-script

我认为,你重新寻找 Border-radius。 CSS 财产。 贾瓦伦文与分子如何看待、如何行动毫无关系。

<div style="border-radius:10px;height:100px;width:100px;"></div>

这里是少数浏览器的安全途径:

.box {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; 
}

您可使用<条码>JQuery.Corner.Js,使玉米成为tag。

In first step add jquery.corner.js in to your page after 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>

You can find more sample in this address JQuery Corner Demo





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签