더보기
focus는 입력창이 클릭되서 커서가 깜빡일 때를 이야기 함
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>input태그 꾸미기 예제</title>
<style>
/* focus는 선택되서 커서가 깜빡일 때를 이야기함*/
input[type="text"] {width: 300px; height: 30px; color:darkblue;
font-weight: bold; font-size: 20px; border-radius: 10px;}
input[type="text"]:focus{background-color:lemonchiffon;}
</style>
</head>
<body>
<input type="text" name="id" placeholder="ID를 입력하세요.">
</body>
</html>'괴발개발 > Html+CSS' 카테고리의 다른 글
| CSS_문단관련 속성 (0) | 2021.06.13 |
|---|---|
| CSS_화면기준 단위 vw, vh (0) | 2021.06.13 |
| CSS_table로 게시판 만들기 (0) | 2021.06.13 |
| CSS_table셀합치기(colspan, rowspan) (0) | 2021.06.13 |
| CSS_list-style 관련속성 (0) | 2021.06.13 |