티스토리 뷰
목차
반응형
링크도 스타일설정이 가능합니다. 링크방법으로 주로 사용되는 몇가지 방법을 본다면
첫째, 링크아래 밑줄을 없앱니다. 컬러로 링크를 구분하기 때문에 밑줄까지 칠 필요가 없고 보기에 예쁘지도 않습니다. 링크에서 밑줄을 없애려면 아래 스타일설정을 사용합니다.
text-decoration: none;
더 재미있는 방법으로 사용자가 링크에 마우스 포인터를 올리면 원하는 스타일설정으로 보이도록 하는 유사 클래스라는 것도 있습니다 아래 코드를 사용합니다.
a:hover {
color: green;
}
이 두가지 명령을 함께 사용하면 링크의 밑줄을 없애고 이를 탐색할 때 녹색으로 변합니다
 |
2024.08.01 - [코딩] - CSS- 텍스트정렬
2024.08.01 - [코딩] - css-웹페이지의 텍스트스타일 바꾸기
2024.08.01 - [코딩] - css-웹페이지의 폰트바꾸기
반응형
'코딩' 카테고리의 다른 글
| CSS- 웹사이트복제 (0) | 2024.08.03 |
|---|---|
| CSS- 텍스트정렬 (0) | 2024.08.01 |
| css-웹페이지의 텍스트스타일 바꾸기 (0) | 2024.08.01 |
| css-웹페이지의 폰트바꾸기 (0) | 2024.08.01 |
| CSS-text상자 테두리를 둥근모서리로 만들기 (0) | 2024.07.31 |