|
|
| |
|
|
13³â Àü
|
¢º [TYPE="text"]ÀÇ Å׵θ®¸¦ ¼±À¸·Î Ç¥ÇöÇϱâ
<html>
<head>
<title>..</title>
</head>
<body>
<input type="text" maxlength="8" size="20" name="motifdn"
style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid;
BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid;
FONT-FAMILY: gulim; FONT-SIZE: 9pt;HEIGHT:16px;">
</body>
</html>
¢º [TYPE="text"]ÀÇ Å׵θ® Á¡¼±À¸·Î Ç¥ÇöÇϱâ <html>
<head>
<title>..</title>
</head>
<body>
<input type="text" maxlength="30" name="motifdn" size="20"
style="BORDER-BOTTOM: 1px dashed; BORDER-LEFT: 1px dashed;
BORDER-RIGHT: 1px dashed; BORDER-TOP: 1px dashed">
</body>
</html>
¢º [TYPE="text"]ÀÇ Å׵θ® ¹Ø¼±À¸·Î Ç¥ÇöÇϱâ
<html>
<head>
<title>..</title>
</head>
<body>
<input type="text" name="motifdn" size="20"
Style = "BORDER-BOTTOM: #333333 1px solid; BORDER-LEFT: #ffffff 1px solid;
BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid">
</body>
</html>
¢º [TYPE="text"]ÀÇ ¹è°æ»ö ¹Ù²Ù°í ¸¶¿ì½º¿À¹ö½Ã »ö¹Ù²Ù±â
<html>
<head>
<title>..</title>
</head>
<body>
<input type="text" name="motifdn" size="20" style="BACKGROUND-COLOR: #999999"
onMouseOver = "this.style.backgroundColor = `gold`"
onMouseOut = "this.style.backgroundColor = `#999999`">
</body>
</html>
¢º [TYPE="button"]ÀÇ Å׵θ®¸¦ ¼±À¸·Î Ç¥ÇöÇϱâ
<html>
<head>
<title>..</title>
</head>
<body>
<input type="button" name="mybn" value="ok"
style="width:50;height:18;background-color:#d0d0d0;border:1 solid #999999;color:silver">
</body>
</html>
¢º [TYPE="button"]¿¡ ¹è°æÀ̹ÌÁö ³Ö±â <html>
<head>
<title>..</title>
</head>
<body>
<input type="button"
STYLE="width:100; height:25; cursor:hand; background:url(À̹ÌÁöÆÄÀÏ); color:black;font-weight:bold">
</body>
</html>
¢º [TYPE="button"]¿¡ ¸¶¿ì½º¿À¹ö½Ã »ö¹Ù²Ù±â <html>
<head>
<title>..</title>
</head>
<body>
<input type="button" name="mybn" value="ok"
onMouseOver = "this.style.backgroundColor = `white`"
onMouseOut = "this.style.backgroundColor = ``">
</body>
</html>
¢º selectÀÇ ¿É¼Ç Àüü ¹è°æ»ö Ç¥ÇöÇϱâ <html>
<head>
<title>..</title>
</head>
<body>
<select style="background#B9FD6F;>
<option value="1">¼±ÅÃ1</option>
<option value="2">¼±ÅÃ2</option>
<option value="3">¼±ÅÃ3</option>
</select>
</body>
</html>
¢º selectÀÇ ¿É¼Ç ÇÑÁÙ¾¿ ±³´ë·Î ¹è°æ»ö ¹Ù²ã¼ Ç¥ÇöÇϱâ <html>
<head>
<title>..</title>
</head>
<body>
<Select >
<option value="1" style="background-color: #B9FD6F">¼±ÅÃ1</option>
<option value="2">¼±ÅÃ2</option>
<option value="3" style="background-color: #B9FD6F">¼±ÅÃ3</option>
<option value="4">¼±ÅÃ4</option>
<option value="5" style="background-color: #B9FD6F">¼±ÅÃ5</option>
</Select>
</body>
</html>
¢º selectÀÇ ¿É¼Ç ÀüºÎ ´Ù¸¥»öÀ¸·Î Ç¥ÇöÇϱâ <html>
<head>
<title>..</title>
</head>
<body>
<Select style="font-size:8pt">
<option value="1" style="background:navy;color:white">¼±ÅÃ1</option>
<option value="2" style="background:yellow;color:black">¼±ÅÃ2</option>
<option value="3" style="background:red;color:white">¼±ÅÃ3</option>
<option value="4" style="background:navy;color:white">¼±ÅÃ4</option>
</Select>
</body>
</html>
¢º TextAreaÀ» ¶óÀμ± ¾øÀÌ ¹è°æ»öÀ¸·Î Ç¥ÇöÇϱâ <html>
<head>
<title>..</title>
</head>
<body>
<TEXTAREA rows=10 cols=60 style="background-color:#B9FD6F;border-width:0;" >
³»¿ë</TEXTAREA>
</body>
</html>
¢º TextAreaÀ» ¹è°æÀ̹ÌÁöÀ¸·Î Ç¥ÇöÇϱâ <html>
<head>
<title>..</title>
</head>
<body>
<TEXTAREA style="background-image:url(À̹ÌÁöÆÄÀÏ);
background-repeat:no-repeat; background-attachment:fixed;" rows=10 cols=60>
³»¿ë</TEXTAREA>
</body>
</html>
|
|
̵̧ : 366 |
̵̧
¸ñ·Ï
|
|
| |
|