반응형
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는 다음과 같이 양쪽에 균등하게 분배됨을 알 수 있다.
'프로그래밍 > CSS' 카테고리의 다른 글
| 생활코딩 css 정리 - 12. 캐스캐이딩 (0) | 2017.10.13 |
|---|---|
| 생활코딩 css 정리 - 11. 웹폰트 (0) | 2017.10.13 |
| 생활코딩 css 정리 - 10. 서체 (0) | 2017.10.03 |
| 생활코딩 css 정리 - 9. font (0) | 2017.10.03 |
| 생활코딩 css 정리 - 7. font-size (0) | 2017.09.26 |
| 생활코딩 css 정리 - 6. 속성을 공부하는 방법 (0) | 2017.09.25 |
| 생활코딩 css 정리 - 5. 가상 클래스 선택자 (0) | 2017.09.25 |
| 생활코딩 css 정리 - 4. 부모 자식 선택자 (0) | 2017.09.21 |