ȸ¿ø°¡ÀԡžÆÀ̵ð/ºñ¹øã±â
ȨÀ¸·Î

border - radius ¼Ó¼º
7³â Àü
border-radius ¼Ó¼ºÀº Å׵θ®¸¦ µÕ±Û°Ô Ç¥½ÃÇØÁØ´Ù.

<¡Ø ie8ÀÌÇÏ ¹ÌÁö¿ø>

px, emµîÀÇ ´ÜÀ§¸¦ »ç¿ëÇϸç border-top-left-radius , border-bottom-right-radius °°Àº ¼Ó¼ºÀ̳ª margin/paddingó·³ ¶ç¾î¾²±â¸¦ ±¸ºÐÀ¸·Î 4°³ ¸ð¼­¸®¸¦ °¢°¢ ¼³Á¤ ÇÒ ¼ö ÀÖ´Ù.

»ç¿ë¹ý
#box { border-radius: 7px 2px 15px 5px}
#box2 { border-radius: 3px}
¿¹Á¦
<html>
<head>
<style>
        #box { border-radius: 0px 5px 10px 15px; border:3px solid;}
        #box2 { border-radius: 5px; border:3px solid}
</style>
</head>

<body>
        <div id="box">Border Radius Test</div> <br>
        <div id="box2">Border Radius Test2</div>
</body>
</html>
ÃßõÃßõ : 268 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
228
»ç¿ëÀÚ°¡ À¥ºê¶ó¿ìÀú¿¡¼­ µÚ·Î°¡±â¸¦ ÇßÀ»¶§ °¨ÁöÇÏ´Â ¹æ¹ý
border-radius ¼Ó¼º
226
jquery·Î °¡·Î ³ÐÀÌ(width), ¼¼·Î ³ôÀÌ(height) ÀÚµ¿ Á¶Àý
225
iframe ³ôÀÌ jquery·Î ÀÚµ¿Á¶ÀýÇϱâ
224
jquery¿¡¼­ Å×À̺í ¦¼ö, Ȧ¼ö ¹ø° TR ¹è°æ»ö º¯°æÇϱâ
223
ÀÚ¹Ù½ºÅ©¸³Æ®·Î º¹»çÇϱ⠱â´É ±¸ÇöÇϱâ
222
DIV ¿µ¿ªÀÇ À§Ä¡ ÁöÁ¤ÇÏ´Â ¹æ¹ý°ú ½ºÅ©·Ñ - Àý´ëÀ§Ä¡(absolute), »ó´ëÀ§Ä¡(relative), °íÁ¤À§Ä¡(fixed)
221
ÁÖ¼Òµî ÀÎÄÚµùÇؼ­ º¸³»±â
220
jquery load() ¸Þ¼Òµå (ºñµ¿±â À¥ÆäÀÌÁö ·Îµå)
219
[Ajax] ajax ¿¹Á¦2
218
[Ajax] ajax ¿¹Á¦1
217
[Ajax] JSON (Javascript Object Notation) »ç¿ëÇϱâ
216
[jQuery] jQuery.ajax() HTTP ºñµ¿±â µ¥ÀÌÅÍ ±³È¯
215
·¹ÀÌ¾î »ó´Ü ¹«Á¶°Ç°íÁ¤
214
input, select ¹Ú½º disable ½ÃÅ°±â
213
·¹À̾îÆ˾÷
212
display ¼Ó¼º, position ¼Ó¼º
211
HTML & CSS Tip
210
div display ¼Ó¼º
209
div Áٹٲްú ÁÙ¹Ù²Þ ¹æÁö
208
float:left¸¦ ´ëüÇÒ ¼ö ÀÖ´Â display:inline, inline-block
207
À¥Ç¥ÁØ TABLE (Å×À̺í)
206
dl dt dd ¿¡ ´ëÇØ
205
div ¼¼·ÎÁ¤·Ä
204
´ÙÁßÄ«Å×°í¸®
203
´ÙÁß ¼¿·ºÆ®
202
ÅؽºÆ® ¹Ú½ºÀÇ ÀԷ±ÛÀÚ¼ö Á¦ÇÑ
201
Æ˾÷âÀ¸·Î Æû°ª Àü¼ÛÇϱâ
200
¿À¸¥ÂÊ ¸¶¿ì½º Ŭ¸¯½Ã ³ªÅ¸³ª´Â ¸Þ´º
199
Å×À̺í Á¡¼±Å׵θ® ¸¸µé±â
¸ñ·Ï
¹ÂÁ÷Æ®·ÎÆ® ºÎ»ê±¤¿ª½Ã ºÎ»êÁø±¸ °¡¾ßµ¿ ¤Ó °³ÀÎÁ¤º¸Ãë±Þ¹æħ
Copyright ¨Ï musictrot All rights reserved.