잡동사니에도 사랑을

[21.09.23]exam03(06_cssDecorate) - 본문

JAVA_EE/CSS

[21.09.23]exam03(06_cssDecorate) -

luvforjunk 2021. 9. 23. 22:06
728x90
반응형

<style>

div {

padding: 5px; /* top right bottom left – 시계방향 */

}

label {

display: inline-block;

width: 90px;

text-align: right;

padding: 10px;

}

input[type=text] {

color: blue;

}

input:hover, textarea:hover {

background:aliceblue;

}

input[type=text]:focus, input[type=email]:focus {

font-size:120%;

}

 

<body>

<h3>CONTACT US</h3>

<hr>

<form>

<div>

<label>Name</label>

<input type=”text” placeholder=”Elvis”>

</div>

<div>

<label>Email</label>

<input type=”email” placeholder=”elvis@graceland.com”>

</div>

<div>

<label>Comment</label>

<textarea placeholder=”메시지를 남겨주세요”></textarea>

</div>

<div>

<label>Submit</label>

<textarea placeholder=”메시지를 남겨주세요”></textarea>

</div>

 

 

 

728x90
반응형

'JAVA_EE > CSS' 카테고리의 다른 글

[21.09.23]exam02(07_cssShadowCursor) -  (0) 2021.09.23
[21.09.23]exam01(07_cssShadowCursor) -  (1) 2021.09.23
[21.09.23]exam02(06_cssDecorate) -  (0) 2021.09.23
[21.09.23]exam01(06_cssDecorate) -  (0) 2021.09.23
[21.09.17] practice07(css) - inline block 활용  (0) 2021.09.17
'JAVA_EE/CSS' Related Articles more