Как сделать круглую угловую коробку внутри тега DIV с jquery?

Я хочу сделать круглую угловую коробку внутри тега div. Как я могу это сделать? Можете ли вы привести мне какой-нибудь пример?Как сделать круглую угловую коробку внутри тега DIV с jquery?

источник

2012-01-12 Someone

возможно дубликат [Что это лучший способ для создания округлой углы с использованием CSS?] (http://stackoverflow.com/questions/7089/what-is-the-best-way-to-create-rounded-corners-using-css) –

Вы можете использовать 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");

источник

2012-01-12 07:34:39

'border-radius' и' box- shadow больше не требуются префиксы поставщика. См. [Таблицы совместимости браузера MDN] (https://developer.mozilla.org/en/CSS/border-radius#Browser_compatibility). –

Используйте радиус границы: 10px с CSS.

Также взгляните на этот пост: https://stackoverflow.com/questions/521432/best-jquery-rounded-corners-script

источник

2012-01-12 07:33:15 Marle1

Я считаю, что вы ищете border-radius CSS property. JavaScript не имеет ничего общего с тем, как выглядят элементы, как они действуют.

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

источник

2012-01-12 07:35:04

Вот безопасный способ для нескольких браузеров:

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

источник

2012-01-12 07:37:19 Gaelen

Вы могли бы использовать для JQuery.Corner.Js для макияжа угла в сНу тега.

В первом шаге добавить jquery.corner.js на свою страницу после того, как «» 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

источник

2015-05-28 17:28:14

Как сделать круглую угловую коробку внутри тега DIV с jquery?

ответ

Смежные вопросы