프로그래밍/CSS

생활코딩 css 정리 - 8. color 그리고 text-align

가카리 2017. 9. 30. 21:33
반응형
8. color
문자 컬러를 설정할 사용한다.

color.html
<!DOCTYPE html>
<html>
<head>
<style>
      h1{color:#00FF00;}
혹은 {color:rgb(0,255,0)} 으로해도됨.
</style>
</head>
<body>
<h1>Hello world</h1>
</body>
</html>

9. text-align
text-align의값으로올수있는값은아래와같습니다

left : 왼쪽정렬
right : 오른쪽정렬
center : 가운데정렬
justify : 균등정렬

text_align.html
<!DOCTYPE html>
<html>
<head>
<style>
      p{
        text-align: justify;
        border:1px solid gray;
      }
</style>
</head>
<body>
<p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras accumsan iaculis tristique. Pellentesque eu erat mattis est semper condimentum. Nunc sed facilisis turpis. Mauris vulputate, purus in suscipit accumsan, dolor lorem elementum mi, non congue metus urna vitae tortor. Duis dictum ipsum non neque elementum iaculis. Sed sodales purus nisl, gravida pellentesque metus vehicula vitae. Suspendisse sed justo ut lorem molestie consectetur. Nullam efficitur quis velit ut scelerisque. Integer at velit pharetra neque efficitur varius.

</p>
</body>
</html>

실행 화면
justify 다음과 같이 양쪽에 균등하게 분배됨을 있다.




반응형