0728

벨로그용·2022년 7월 28일
0

ai스쿨

목록 보기
44/60

1)학습한 내용

*html작성

<footer id="footer">

    <div class="fot_img">
        <img src="../img/common/logo_resoft.png">
    </div>


    <div class="fot_text1">
        <h1>© RESOFT CO.LTD. All Rights Reserved.</h1>
    </div>

    <div class="fot_text2">
        <h1>상호 : (주)리소프트<br><br> 사업자등록번호 : 722-81-02219 <br><br>주소 : (41260) 대구광역시 동구 동대구로 465, 대구스케일업허브(DASH) 713호 (신천동 106)</h1>
        <h2>대표이사 : 오유나 개인정보책임자 : 이현지<br><br>전화 : (053) 475-2110 팩스 : (0504) 257-5966 이메일 : call@resoft.kr</h2>
    </div>


</footer>

*css작성

#footer{
    width: 100%;
    height: 250px;
    background-color: #E9E9E9;
    position: relative;
}

.fot_img{
    top: 50px;
    left: 240px;
    width: 200px;
    height: 45px;
    position: absolute;
}

.fot_text1{
    color: #9E9E9E;
    font-size: 16px;
    position: absolute;
    text-align: left;
    top: 71px;
    left: 460px;

}

.fot_text2 h1{
    color: #9E9E9E;
    font-size: 16px;
    position: absolute;
    text-align: left;
    top: 125px;
    left: 240px;
}
.fot_text2 h2{
    color: #9E9E9E;
    font-size: 16px;
    position: absolute;
    text-align: left;
    top: 125px;
    left: 1000px;
}

2)학습내용 중 어려웠던점

X

3)해결방법

X

4)학습소감

프로젝트에서 다같이사용하는 footer부분코드를 작성해보았는데 코드짜는데 시간이 많이 짧아진게 느껴진다

profile
안녕하세요

0개의 댓글