<head>

<style>

  .wrap {

    width: 300px

    height: 500px

    

    background-image: url(https://www.naver.com)

    background-size: cover;

    background-position: center;

    }

    .mytitle {

    color: white;

    text-align: center;

    padding-top: 380px;

    opacity: 0.8;

</style>

</head>

<body>

  <div class="wrap">

     <div class="mytitle">

        <p>ID : <input type="text" title="아이디"></p>

        <p>PW : <input type="text" title="패스워드"></p>

     </div>

  </div>

<body>

'<div>' 카테고리의 다른 글

(div) 안에서 2개의 버튼 가운데 정렬 및 간격 벌리기  (0) 2022.11.17
(div) 태그 나란히 배열하는 방법  (0) 2022.11.16

<body>

  <form action="search.php" method="post">

    <input type="text" title="검색">

    <input type="submit" title="검색">

</body>

'HTML' 카테고리의 다른 글

웹개발시 알아두면 좋을 사이트  (0) 2022.11.19
<table> <th> <td> 라인 합치기  (0) 2022.11.16
(display: inline-block)에서 간격주는 방법  (0) 2022.11.16
(label) 태그에서 name의 중요성!  (0) 2022.11.16
(Input box)로 로그인 화면 만들기  (0) 2022.11.11

<style>

 .mytitle {

  color: green;

  font-weight: bold;

</style>

'CSS' 카테고리의 다른 글

(css)에서 (margin) 값 설정시 ","는 넣지 말자!  (0) 2022.11.19
(hn)코드와 border가 중첩되었을 때, 우선순위  (0) 2022.11.19
(label)과 (input) 간 간격조절하기  (0) 2022.11.17
(label) 텍스트 크기 키우기 및 두껍게 하기  (0) 2022.11.17
(ul) (li) 목록 만들었을 때 기호 없애기  (0) 2022.11.17

+ Recent posts

티스토리툴바