{"id":144,"date":"2010-04-17T23:17:14","date_gmt":"2010-04-18T08:17:14","guid":{"rendered":"\/blog\/?p=144"},"modified":"2023-09-21T09:39:19","modified_gmt":"2023-09-21T00:39:19","slug":"html-div-%ec%9a%a9%eb%b2%95-%ec%a0%95%eb%a6%ac","status":"publish","type":"post","link":"https:\/\/hasu0707.duckdns.org\/blog\/?p=144","title":{"rendered":"[HTML] div \uc6a9\ubc95 \uc815\ub9ac"},"content":{"rendered":"\n<P>\ucd9c\ucc98 : <a class=\"con_link\" href=\"http:\/\/binnamoo.com\/626\" target=\"_blank\" rel=\"noopener\">http:\/\/binnamoo.com\/626<\/A><\/P>\n<P>&nbsp;<\/P>\n<P>\uacf5\uac04\uc9c0\uc815\ud0dc\uadf8\uc5d0\ub294 DIV, SPAN, FIELDSET 3\uac00\uc9c0 \uc885\ub958\uac00 \uc788\ub2e4.<\/P>\n<P>\ube44\uc2b7\ud55c \ud0dc\uadf8\ub85c\uc11c\ub294 TABLE \ud0dc\uadf8\uac00 \uc788\ub2e4.<br \/>\ud558\uc9c0\ub9cc TABLE\uc740 \ud558\ub098\uc758 \uacf5\uac04\uc744 \ud45c\ud604\ud558\uae30 \uc704\ud574 TR, TD\ub85c \ub098\ub204\uc5b4 \ud45c\ud604\ud558\uc9c0\ub9cc, <br \/>DIV, SPAN, FIELDSET\uc740 \ubc14\ub85c \ubcf4\uc5ec\uc9c0\uace0 \ud45c\ud604\ub418\ub294 \uac83\uc774 \ud2b9\uc9d5\uc774\ub2e4.<\/P>\n<P>DIV, SPAN, FIELDSET \ud0dc\uadf8 \ubaa8\ub450 \ud2b9\ubcc4\ud55c \uc18d\uc131\uc740 \uc5c6\uc73c\uba70, style\uc18d\uc131\uc5d0 \ub530\ub77c \ud615\ud0dc\uac00 \ub2ec\ub77c\uc9c4\ub2e4.<\/P>\n<P><br \/>\u25b6 DIV, SPAN, FIELDSET \uacf5\ud1b5\uc810<br \/>&nbsp; - \ud2b9\ubcc4\ud55c \ud0dc\uadf8 \uc18d\uc131\uc774 \uc5c6\uc74c<br \/>&nbsp; - \uc4f0\uc774\ub294 style\uc18d\uc131\uc740 \ub3d9\uc77c. <br \/>&nbsp; - style\uc18d\uc131\uc5d0 \ub530\ub77c \ud615\ud0dc\uac00 \ub2ec\ub77c\uc9d0<br \/>&nbsp; - \ud0dc\uadf8\ub0b4\uc5d0 \uc18d\uc131\uc744 \uc801\uc9c0 \uc54a\uc544\ub3c4 \uc2dc\uc791\ud0dc\uadf8\uc640 \ub9c8\uac10\ud0dc\uadf8 \uc0ac\uc774\uc5d0 \ub4e4\uc5b4\uac00\ub294 \ub0b4\uc6a9\uc5d0 \ub530\ub77c \uadf8 \uacf5\uac04\uc758 \ud06c\uae30\ub3c4 \uc790\ub3d9\uc73c\ub85c \uacb0\uc815<\/P>\n<P><br \/>\u25b6 DIV, SPAN, FIELDSET \ub2e4\ub978\uc810<br \/>&nbsp; DIV &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; - \ud0dc\uadf8\uc758 \uc2dc\uc791 \uc804\ud6c4\uc5d0 \uc790\ub3d9\uc73c\ub85c \uc904\ubc14\uafc8 \uae30\ub2a5 <br \/>&nbsp; SPAN &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; - \ud0dc\uadf8\uc758 \uc2dc\uc791 \uc804\ud6c4\uc5d0 \uc790\ub3d9 \uc904\ubc14\uafc8 \uae30\ub2a5 \uc5c6\uc74c. \uc774\uc6c3\uc73c\ub85c \uc704\uce58.<br \/>&nbsp; FIELDSET &nbsp; &nbsp;- DIV, SPAN\ud0dc\uadf8\uc640 \ub2ec\ub9ac \ud14c\ub450\ub9ac \uc874\uc7ac. \ubaa8\uc11c\ub9ac \ubd80\ubd84\uc774 \ub465\uadfc\uac83\uc774 \ud2b9\uc9d5.<br \/>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; - FIELDSET \ud0dc\uadf8 \ud558\uc704\ub85c \uc81c\ubaa9 \ucd94\uac00 \uac00\ub2a5 (ex. &lt;LEGEND align=\"left | right | center\"&gt;\uc81c\ubaa9&lt;\/LEGEND&gt;)<br \/>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; - \ud0dc\uadf8\uc758 \uc2dc\uc791 \uc804\ud6c4\uc5d0 \uc790\ub3d9\uc73c\ub85c \uc904\ubc14\uafc8 \uae30\ub2a5 \uc874\uc7ac<\/P>\n<P>\u25b6 \uc911\uc694 style \uc815\ub9ac<br \/><SPAN style=\"FONT-SIZE: 14pt\"><STRONG>&nbsp;* width, height<\/STRONG><\/SPAN>&nbsp;<br \/>&nbsp; &nbsp; - \ud06c\uae30 \uacb0\uc815 \uc18d\uc131<br \/>&nbsp; &nbsp; - DIV, SPAN, FIELDSET\uc740 style\uc18d\uc131\ub0b4\uc758 width, height \uc18d\uc131\uc744 \ud1b5\ud574\uc11c\ub9cc \ud06c\uae30 \uacb0\uc815 \uac00\ub2a5<br \/>&nbsp; &nbsp; - \uc22b\uc790\uc640 \ub2e8\uc704(px, pt, cm, %, etc) \ub3d9\uc2dc \uc0ac\uc6a9\ud558\uc5ec \ud06c\uae30 \uacb0\uc815, \ub2e8\uc704 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc73c\uba74 px\ub85c \uc778\uc2dd<br \/>&nbsp; &nbsp; - \uc0ac\uc6a9\ubc95<br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;DIV style=\"width: 100px; height: 300px\"&gt;\ub0b4\uc6a9&lt;\/DIV&gt;<br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;SPAN style=\"width: 200; height: 200\"&gt;\ub0b4\uc6a9&lt;\/SPAN&gt;<br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;FIELDSET style=\"width: 100%; height: 100%\"&gt;\ub0b4\uc6a9&lt;\/FIELDSET&gt;<\/P>\n<P><B><FONT size=4>&nbsp;* background<br \/><\/FONT><\/B>&nbsp; &nbsp; - \ubc30\uacbd \uacb0\uc815 \uc18d\uc131<br \/>&nbsp; &nbsp; - \uc0c9\uc0c1 \ub610\ub294 \uc774\ubbf8\uc9c0 \uc8fc\uc18c \uc0ac\uc6a9 \uac00\ub2a5<br \/>&nbsp; &nbsp; - \uc0ac\uc6a9\ubc95 <br \/>&nbsp; &nbsp; &nbsp;&nbsp; * \uc0c9\uc0c1\uc778 \uacbd\uc6b0 <br \/>&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;DIV style=\"background: \uc0c9\uc0c1\"&gt;\ub0b4\uc6a9&lt;\/DIV&gt;<br \/>&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;SPAN style=\"background: \uc0c9\uc0c1\"&gt;\ub0b4\uc6a9&lt;\/SPAN&gt;&nbsp; <br \/>&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;FIELDSET style=\"background: \uc0c9\uc0c1\"&gt;\ub0b4\uc6a9&lt;\/FIELDSET&gt;<br \/>&nbsp; &nbsp; &nbsp;&nbsp; * \uc774\ubbf8\uc9c0\uc778 \uacbd\uc6b0 <br \/>&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;DIV style=\"background: url('\uc774\ubbf8\uc9c0 \uc8fc\uc18c')\"&gt;\ub0b4\uc6a9&lt;\/DIV&gt;<br \/>&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;SPAN style=\"background: url('\uc774\ubbf8\uc9c0 \uc8fc\uc18c')\"&gt;\ub0b4\uc6a9&lt;\/SPAN&gt;<br \/>&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;FIELDSET style=\"background: url('\uc774\ubbf8\uc9c0 \uc8fc\uc18c')\"&gt;\ub0b4\uc6a9&lt;\/FIELDSET&gt;<br \/>&nbsp;<br \/><B><FONT size=4>&nbsp;* border &nbsp; &nbsp;<\/FONT><\/B> &nbsp; &nbsp; <br \/>&nbsp; &nbsp; - \ud14c\ub450\ub9ac \uacb0\uc815 \uc18d\uc131<br \/>&nbsp; &nbsp; - \ud14c\ub450\ub9ac \ub450\uaed8, \ud615\ud0dc(8\uac00\uc9c0), \uc0c9\uc0c1 \uc0ac\uc6a9<br \/>&nbsp; &nbsp; - \ud615\ud0dc\ub294 \ud544\uc218, \ub098\uba38\uc9c0\ub294 \uc0dd\ub7b5 \uac00\ub2a5<br \/>&nbsp; &nbsp; - \ud615\ud0dc\uc758 \uc885\ub958 : dotted, dashed, solid, double, groove, ridge, inset, outset <br \/>&nbsp; &nbsp; - \uc0ac\uc6a9\ubc95 <br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;DIV style=\"border: 1 solid #ff0000\"&gt;\ub0b4\uc6a9&lt;\/DIV&gt;<br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;SPAN style=\"border: 5 dotted #ff0000\"&gt;\ub0b4\uc6a9&lt;\/SPAN&gt;<br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;FIELDSET style=\"border: 10 double #ff0000\"&gt;\ub0b4\uc6a9&lt;\/FIELDSET&gt;<br \/>&nbsp;<br \/><B><FONT size=4>&nbsp;* padding <\/FONT><\/B><br \/>&nbsp; &nbsp; - \uacbd\uacc4\uc5d0\uc11c \ub0b4\uc6a9\uae4c\uc9c0\uc758 \uc5ec\ubc31 \uacb0\uc815 \uc18d\uc131<br \/>&nbsp; &nbsp; - \uc0c1, \uc6b0, \ud558, \uc88c \uc758 \uc5ec\ubc31\uc758 \ud06c\uae30(0\uc744 \ud3ec\ud568\ud55c \uc591\uc758\uc815\uc218)\ub85c \uc0ac\uc6a9<br \/>&nbsp; &nbsp; - \uc0ac\uc6a9\ubc95<br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;DIV style=\"padding: 10\"&gt;\ub0b4\uc6a9&lt;\/DIV&gt; (\uc678\uacfd \uacbd\uacc4\uc5d0\uc11c \uc0c1\u00b7\uc6b0\u00b7\ud558\u00b7\uc88c : 10px \uc5ec\ubc31\uc0dd\uc131)<br \/>&nbsp; &nbsp; &lt;DIV style=\"padding: 10 20\"&gt;\ub0b4\uc6a9&lt;\/DIV&gt; (\uc678\uacfd \uacbd\uacc4\uc5d0\uc11c \uc0c1\u00b7\ud558 : 10px, \uc6b0\u00b7\uc88c : 20px \uc5ec\ubc31\uc0dd\uc131)<br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;SPAN style=\"padding: 10 20 30\"&gt;\ub0b4\uc6a9&lt;\/SPAN&gt; (\uc678\uacfd \uacbd\uacc4\uc5d0\uc11c \uc0c1 : 10px, \uc6b0\u00b7\uc88c : 20px, \ud558 : 30px \uc5ec\ubc31\uc0dd\uc131)<br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;FIELDSET style=\"padding: 1 2 3 4\"&gt;\ub0b4\uc6a9&lt;FIELDSET&gt; (\uc678\uacfd \uacbd\uacc4\uc5d0\uc11c \uc0c1 : 1px, \uc6b0 : 2px, \ud558 : 3px, \uc88c : 4px \uc5ec\ubc31\uc0dd\uc131)<\/P>\n<P><B><FONT size=4>&nbsp;* margin<\/FONT><\/B><br \/>&nbsp; &nbsp; - \uc704\uce58 \uacb0\uc815 \uc18d\uc131<br \/>&nbsp; &nbsp; - padding\uc740 \uc678\uac01 \uacbd\uacc4\uc5d0\uc11c \uc5ec\ubc31\uc744 \ud1b5\ud574 \ub0b4\uc6a9\uc758 \uc704\uce58\uac00 \ubc14\ub00c\uc9c0\ub9cc margin\uc740 DIV, SPAN, FIELDSET \uc790\uccb4\uc758 \uc704\uce58 \ubcc0\uacbd<br \/>&nbsp; &nbsp; - \uc0c1, \uc6b0, \ud558, \uc88c \uc758 \ud06c\uae30(\uc815\uc218) \uc0ac\uc6a9<br \/>&nbsp; &nbsp; - \uc0ac\uc6a9\ubc95 <br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;DIV style=\"margin: 10\"&gt;\ub0b4\uc6a9&lt;\/DIV&gt; (\uc678\uacfd \uacbd\uacc4\uac00 \uc0c1\u00b7\uc6b0\u00b7\ud558\u00b7\uc88c : 10px \uc704\uce58\uc774\ub3d9)<br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;DIV style=\"margin: 10 20\"&gt;\ub0b4\uc6a9&lt;\/DIV&gt; (\uc678\uacfd \uacbd\uacc4\uac00 \uc0c1\u00b7\ud558 :10px, \uc6b0\u00b7\uc88c : 20px \uc704\uce58\uc774\ub3d9)<br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;SPAN style=\"margin: -10 20 30\"&gt;\ub0b4\uc6a9&lt;\/SPAN&gt; (\uc678\uacfd \uacbd\uacc4\uac00 \uc0c1 : -10px, \uc6b0\u00b7\uc88c : 20px, \ud558 : 30px \uc704\uce58\uc774\ub3d9)<br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;FIELDSET style=\"margin: 1 2 3 -4\"&gt;\ub0b4\uc6a9&lt;FIELDSET&gt; (\uc678\uacfd \uacbd\uacc4\uac00 \uc0c1 : 1px, \uc6b0 : 2px, \ud558 : 3px, \uc88c : -4px \uc704\uce58\uc774\ub3d9)<\/P>\n<P><B><FONT size=4>&nbsp;* overflow<\/FONT><\/B><br \/>&nbsp; &nbsp; - \uc601\uc5ed \ub0b4 \uc2a4\ud06c\ub864 \uc0dd\uc131 \uacb0\uc815 \uc18d\uc131<br \/>&nbsp; &nbsp; - overflow\ub97c \uc0ac\uc6a9\ud558\uc9c0 \uc54a\ub294\ub2e4\uba74 \ub0b4\uc6a9\ubb3c\uc758 \ud06c\uae30\uc5d0 \ub9de\uac8c \uc601\uc5ed\uc758 \ud06c\uae30\uac00 \ub298\uc5b4\ub0a8<br \/>&nbsp; &nbsp; - \uc694\uc18c \uc885\ub958 : auto, hidden, scroll<br \/>&nbsp; &nbsp; &nbsp;&nbsp; auto : \ub0b4\uc6a9\ubb3c\uc758 \ud06c\uae30\uac00 \ud070 \uacbd\uc6b0\uc5d0\ub9cc \uc2a4\ud06c\ub864\ubc14 \uc0dd\uc131<br \/>&nbsp; &nbsp; &nbsp;&nbsp; hidden : \uc9c0\uc815\ub41c \ud06c\uae30 \uc774\uc678\uc758 \ubd80\ubd84\uc740 \ubcf4\uc5ec\uc9c0\uc9c0 \uc54a\uc74c<br \/>&nbsp; &nbsp; &nbsp;&nbsp; scroll : \ub0b4\uc6a9\ubb3c\uc758 \ud06c\uae30\uc640\ub294 \uc0c1\uad00\uc5c6\uc774 \uc2a4\ud06c\ub864\ubc14 \uc0dd\uc131<br \/>&nbsp; &nbsp; - \uc0ac\uc6a9\ubc95 <br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;Div style=\"overflow: auto\"&gt;\ub0b4\uc6a9&lt;\/DIV&gt;<br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;SPAN style=\"overflow: hidden\"&gt;\ub0b4\uc6a9&lt;\/SPAN&gt;<br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;FIELDSET style=\"overfloe: scroll\"&gt;\ub0b4\uc6a9&lt;\/FIELDSET&gt;<br \/>&nbsp;<br \/><B><FONT size=4>&nbsp;* font <\/FONT><\/B><br \/>&nbsp; &nbsp; - \uae00\uc790 \uc2a4\ud0c0\uc77c \uacb0\uc815 \uc18d\uc131<br \/>&nbsp; &nbsp; - \uae00\uc528\ud615\ud0dc, \uae00\uc528\uc758 \ud06c\uae30\/\uc904\uac04\uaca9, \uae00\uc528\uccb4 \uc9c0\uc815 \uac00\ub2a5<br \/>&nbsp; &nbsp; - \uae00\uc528\ud615\ud0dc : bold(\ub450\uaecd\uac8c), italic(\uae30\uc6b8\uc784)\ub4f1..<br \/>&nbsp; &nbsp; - \uae00\uc528\uc758 \ud06c\uae30 \ub2e8\uc704 : pt, 1pt\ubd80\ud130 \uc0ac\uc6a9\uac00\ub2a5<br \/>&nbsp; &nbsp; - \uae00\uc528\uc758 \uc904\uac04\uaca9 : pt\uc758 \ub2e8\uc704\ub098 \uae00\uc528\uc758 \ud06c\uae30\uc5d0 \ube44\ub840\ud558\uc5ec \uc0ac\uc6a9 \uac00\ub2a5<br \/>&nbsp; &nbsp; - \uae00\uc528\uccb4 : \uac01 \uac1c\uc778 \ucef4\ud4e8\ud130\uc5d0 \uc124\uce58\ub41c \uae00\uaf34 \uc774\ub984 (\uad74\ub9bc\uccb4, \ub3cb\uc6c0\uccb4, \ubc14\ud0d5\uccb4 etc..)<br \/>&nbsp; &nbsp; - \uc0ac\uc6a9\ubc95 <br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;DIV style=\"font: bold 9pt\/1.3 \ub3cb\uc6c0\"&gt;\ub0b4\uc6a9&lt;\/DIV&gt; (\ub450\uaecd\uac8c \uae00\uc528\ud06c\uae30:9pt \uc904\uac04\uaca9:9*1.3pt \uae00\uc528\uccb4:\ub3cb\uc6c0)<br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;SPAN style=\"font: italic 12pt\/15pt \uad74\ub9bc\uccb4\"&gt;\ub0b4\uc6a9&lt;\/SPAN&gt;(\uae30\uc6b8\uc5ec\uc11c \uae00\uc528\ud06c\uae30:12pt \uc904\uac04\uaca9:15pt \uae00\uc528\uccb4:\uad74\ub9bc\uccb4)<br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;FIELDSET style=\"font: normal 15pt\/2 \ubc14\ud0d5\uccb4\"&gt;\ub0b4\uc6a9&lt;\/FIELDSET&gt;(\uae00\uc528\ud06c\uae30:15pt \uc904\uac04\uaca9:15*2pt \uae00\uc528\uccb4:\ubc14\ud0d5\uccb4)<br \/>&nbsp; &nbsp; &nbsp;&nbsp; (normal\uc77c \uacbd\uc6b0 \uc801\uc9c0 \uc54a\uc544\ub3c4 \ubb34\ubc29)<\/P>\n<P><B><FONT size=4>&nbsp;* color<\/FONT><\/B><br \/>&nbsp; &nbsp; - \uae00\uc790\uc758 \uc0c9\uc0c1\uc744 \uacb0\uc815<br \/>&nbsp; &nbsp; - \uc601\ubb38\uc73c\ub85c \ub41c \uc0c9\uc0c1\uba85 \ub610\ub294 RGB\ucf54\ub4dc \uc0ac\uc6a9<br \/>&nbsp; &nbsp; - \uc0ac\uc6a9\ubc95 <br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;DIV style=\"color: #ff0000\"&gt;\ub0b4\uc6a9&lt;\/DIV&gt; <br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;SPAN style=\"color: skyblue\"&gt;\ub0b4\uc6a9&lt;\/SPAN&gt;<br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;FIELDSET style=\"color: gold\"&gt;\ub0b4\uc6a9&lt;\/FIELDSET&gt;<\/P>\n<P><B><FONT size=4>&nbsp;* display <\/FONT><\/B><br \/>&nbsp; &nbsp; - \uc601\uc5ed\uc758 \uc228\uae40, \ubcf4\uc5ec\uc9d0 \uc5ec\ubd80 \uacb0\uc815<br \/>&nbsp; &nbsp; - none, block, inline \uc18d\uc131\uc73c\ub85c \uacb0\uc815\ub428<br \/>&nbsp; &nbsp; - none : \uc228\uae40<br \/>&nbsp; &nbsp; - block : \ubcf4\uc5ec\uc9d0(\ub2e4\ub978\uc904\uc5d0 \ubcf4\uc5ec\uc9d0)<br \/>&nbsp; &nbsp; - inline : \ubcf4\uc5ec\uc9d0(\uac19\uc740\uc904\uc5d0 \ubcf4\uc5ec\uc9d0) <br \/>&nbsp; &nbsp; - default\ub294 inline\uc784<br \/>&nbsp; &nbsp; - \uc0ac\uc6a9\ubc95 <br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;DIV style=\"display:inline\"&gt;\ub0b4\uc6a9&lt;\/DIV&gt; <br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;SPAN style=\"display:block\"&gt;\ub0b4\uc6a9&lt;\/SPAN&gt;<br \/>&nbsp; &nbsp; &nbsp;&nbsp; &lt;FIELDSET style=\"display\uff1anone\"&gt;\ub0b4\uc6a9&lt;\/FIELDSET&gt; <br \/><br \/><br \/><STRONG>2. fieldset \ud0dc\uadf8 \ubc0f \uc81c\ubaa9\uc73c\ub85c legend \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95<br \/><br \/><\/STRONG>&lt;fieldset&nbsp; style=\"width: 400; height: 100\"; text-align: left; margin: 0; padding: 3px; style=\"border: 1&nbsp; solid #ff0000\"&gt;&lt;legend style=\"margin: 0; padding: 0\" align=center&gt;\uc778\uae30\uae00&lt;\/legend&gt;\uc548\ub155\ud558\uc138\uc694 \ube48\ub098\ubb34\uc785\ub2c8\ub2e4&lt;\/fieldset&gt;<br \/><br \/>&nbsp; <\/P>\n<FIELDSET style=\"BORDER-BOTTOM: rgb(255,0,0) 1px solid; BORDER-LEFT: rgb(255,0,0) 1px solid; WIDTH: 400px; HEIGHT: 100px; BORDER-TOP: rgb(255,0,0) 1px solid; BORDER-RIGHT: rgb(255,0,0) 1px solid\" 3px; padding: 0; margin: left; text-align: ;><LEGEND style=\"PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px\" align=center>\uc778\uae30\uae00<\/LEGEND>\uc548\ub155\ud558\uc138\uc694 \ube48\ub098\ubb34\uc785\ub2c8\ub2e4 <\/FIELDSET> \n<P><br \/><br \/><STRONG><br \/>3. DIV\ub97c \uc774\uc6a9\ud558\uc5ec \ud14c\ub450\ub9ac \uc791\uc131\ud558\ub294 \ubc29\ubc95<\/STRONG><br \/><br \/><br \/>&lt;DIV style=\"BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; BORDER-BOTTOM: #ff0000 1px solid\"&gt;<br \/>&lt;DIV style=\"TEXT-ALIGN: center\"&gt;&lt;br \/&gt;\uc548\ub155\ud558\uc138\uc694 \ube48\ub098\ubb34\uc785\ub2c8\ub2e4&lt;\/DIV&gt;<br \/><br \/>&nbsp;<\/P>\n<DIV style=\"BORDER-BOTTOM: rgb(255,0,0) 2px solid; BORDER-LEFT: rgb(255,0,0) 2px solid; BORDER-TOP: rgb(255,0,0) 2px solid; BORDER-RIGHT: rgb(255,0,0) 2px solid\">\n<DIV style=\"TEXT-ALIGN: center\"><br \/>\uc548\ub155\ud558\uc138\uc694 \ube48\ub098\ubb34\uc785\ub2c8\ub2e4<br \/>&nbsp;<\/DIV><\/DIV>\n<P><br \/><br \/><STRONG><br \/><br \/>4. \ud14c\ub450\ub9ac\ub97c \ub465\uae00\uac8c \ud558\ub294 \ubc29\ubc95<\/STRONG><br \/><br \/>&lt;fieldset&nbsp; style=\"width: 400; height: 100\"; text-align: left; margin: 0; padding: 3px&gt;&lt;legend style=\"margin: 0; padding: 0\" align=center&gt;\uc778\uae30\uae00&lt;\/legend&gt;\uc548\ub155\ud558\uc138\uc694 \ube48\ub098\ubb34\uc785\ub2c8\ub2e4<br \/>&lt;\/fieldset&gt;\n","protected":false},"excerpt":{"rendered":"<p>\ucd9c\ucc98 : http:\/\/binnamoo.com\/626 &nbsp; \uacf5\uac04\uc9c0\uc815\ud0dc\uadf8\uc5d0\ub294 DIV, SPAN, FIELDSET 3\uac00\uc9c0 \uc885\ub958\uac00 \uc788\ub2e4. \ube44\uc2b7\ud55c \ud0dc\uadf8\ub85c\uc11c\ub294 TABLE \ud0dc\uadf8\uac00 \uc788\ub2e4.\ud558\uc9c0\ub9cc TABLE\uc740 \ud558\ub098\uc758 \uacf5\uac04\uc744 \ud45c\ud604\ud558\uae30 \uc704\ud574 TR, TD\ub85c \ub098\ub204\uc5b4 \ud45c\ud604\ud558\uc9c0\ub9cc, DIV, SPAN, FIELDSET\uc740 \ubc14\ub85c \ubcf4\uc5ec\uc9c0\uace0 \ud45c\ud604\ub418\ub294 \uac83\uc774 \ud2b9\uc9d5\uc774\ub2e4. DIV, SPAN, FIELDSET \ud0dc\uadf8 \ubaa8\ub450 \ud2b9\ubcc4\ud55c \uc18d\uc131\uc740 \uc5c6\uc73c\uba70, style\uc18d\uc131\uc5d0 \ub530\ub77c \ud615\ud0dc\uac00 \ub2ec\ub77c\uc9c4\ub2e4. \u25b6 DIV, SPAN, FIELDSET \uacf5\ud1b5\uc810&nbsp; &#8211; \ud2b9\ubcc4\ud55c \ud0dc\uadf8 \uc18d\uc131\uc774 \uc5c6\uc74c&nbsp; [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[23],"tags":[],"class_list":["post-144","post","type-post","status-publish","format-standard","hentry","category-development_web"],"_links":{"self":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=144"}],"version-history":[{"count":0,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/144\/revisions"}],"wp:attachment":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=144"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=144"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}