"LeeCheongWonDigitalArchive"의 두 판 사이의 차이
North Korea Humanities
잔글 (김지선님이 이청원 디지털 아카이브 문서를 넘겨주기를 만들지 않고 LeeCheongWonDigitalArchive 문서로 이동했습니다) |
|||
| 1번째 줄: | 1번째 줄: | ||
| + | <html> | ||
| + | <style> | ||
| + | #searchForm { | ||
| + | background-color: #fff; | ||
| + | border-radius: 5px; | ||
| + | padding: 20px; | ||
| + | display: flex; | ||
| + | align-items: center; | ||
| + | max-width: 600px; /* 최대 너비 설정 */ | ||
| + | margin: 20px auto; /* 가운데 정렬 */ | ||
| + | } | ||
| + | #searchInput { | ||
| + | flex: 1; | ||
| + | padding: 10px; | ||
| + | border: 1px solid #ccc; | ||
| + | border-radius: 5px; | ||
| + | font-size: 16px; | ||
| + | margin-right: 10px; | ||
| + | transition: border-color 0.3s; | ||
| + | } | ||
| + | #searchInput:focus { | ||
| + | border-color: #007bff; | ||
| + | outline: none; | ||
| + | } | ||
| + | input[type="submit"] { | ||
| + | background-color: #007bff; | ||
| + | color: #fff; | ||
| + | border: none; | ||
| + | border-radius: 5px; | ||
| + | padding: 10px 15px; | ||
| + | cursor: pointer; | ||
| + | font-size: 16px; | ||
| + | transition: background-color 0.3s; | ||
| + | } | ||
| + | input[type="submit"]:hover { | ||
| + | background-color: #0056b3; | ||
| + | } | ||
| + | </style> | ||
| − | |||
<form id="searchForm"> | <form id="searchForm"> | ||
| − | <input type="text" id="searchInput" placeholder="검색어를 입력하세요" required> | + | <input type="text" id="searchInput" placeholder="이청원과 관련된 검색어를 입력하세요" required> |
<input type="submit" value="검색"> | <input type="submit" value="검색"> | ||
</form> | </form> | ||
| 31번째 줄: | 68번째 줄: | ||
}; | }; | ||
</script> | </script> | ||
| + | </html> | ||
| + | |||
| − | |||
[[분류:김지선]] | [[분류:김지선]] | ||
2024년 10월 24일 (목) 19:35 판