생활코딩 [WEB2 - CSS] STUDY 기록
4. CSS의 기본 문법
style 속성
<li><a href="2.html" style="color: red">별 헤는 밤</a></li>
style 속성을 사용하면, html은 css 문법에 따라 해석한다.
html에 css를 사용하는 방법 2가지
- style 태그를 쓴다.
- style 속성을 쓴다.
a 태그 - 하이퍼링크 밑줄 없애기
<style>
a {
color: pink;
text-decoration: none; <-- 이 부분 추가
}
</style>
링크 부분 밑줄 없어짐.
어느 한 부분에만 밑줄 주고 싶을 때는!
<ol>
<li><a href="1.html">서시</a></li>
<li><a href="2.html" style="color: red; text-decoration:underline;">별 헤는 밤</a></li>
<li><a href="3.html">쉽게 쓰여진 시</a></li>
</ol>
'별 헤는 밤' 부분에만 밑줄 추가!
style 속성에 [text-decoration:underline] 추가!
5. 혁명적 변화
300x250
'LEARN > HTML | CSS' 카테고리의 다른 글
[CSS] 8~9 박스 모델 display block , inline / margin padding (0) | 2022.01.27 |
---|---|
[CSS] 6~7 id class 선택자 (0) | 2022.01.26 |
[CSS] 1~3 WEB2 생활코딩 시작! style 태그 (0) | 2022.01.01 |
[HTML] 16~22 생활코딩 WEB1 HTML&Internet 실습 끝 (0) | 2021.12.31 |
[HTML] 15 웹사이트 완성 (+윤동주 시인 시) (0) | 2021.12.30 |