<멋쟁이사자처럼대학>HTML로 작성하는 포트폴리오(5)

이번엔 글씨의 색깔을 'white', 'red', black' 이런 색보다 밝은 회색 혹은 라임색 이런 색깔들도 표현하는 방법이다.

그리고 더 나아가 

(왼)구글에 html color code를 검색 (오)색상 코드판

footer {
    text-align: center;
    background-color: #1e1e1e; //검은색이지만 뭔가 밝은 검은색이다.
    color: #919191; // 밝은 회색이다.
    font-size: 12px;
}

.mainbox {
    border: 1px solid #ebebeb;
    width: 610px;
    text-align: center;
}

 

CSS를 적용한 html 화면

이렇게 적용시킬 경우 박스가 가운데 정렬이 아닌 박스 안의 글자들이 가운데 정렬이 되어있다.

그렇다면 박스를 가운데 정렬해보자.

footer {
    text-align: center;
    background-color: #1e1e1e; //검은색이지만 뭔가 밝은 검은색이다.
    color: #919191; // 밝은 회색이다.
    font-size: 12px;
}

.mainbox {
    border: 1px solid #ebebeb;
    width: 610px;
    text-align: center;
    margin-left: auto;
    margin-right: auto; //가운데 정렬을 하기위해선 마진 센터라는 개념이 없다. 그래서 left,right를 해야한다.
}

이리하여 박스를 가운데 정렬하는 법까지 알아봤다.