Tech Stock logo Tech Stock

링크에 밑줄없이 색상만 지정

a {
    color: #337ab7;
    text-decoration: none;
}

링크는 기본적으로 셀랙터 a에서 지정해주며
부담감없는 하늘색은 #337ab7
밑줄 없애는 것은 text-decoration: none
밑줄을 넣고 싶으면 text-decoration: underline

  • a:link: 방문전의 링크
  • a:visited: 방문한 링크
  • a:hover: 링크에 마우스 포인터를 올렸을때
  • a:active: 링크를 마우스로 클릭했을때

이런식으로 해주면 링크에 마우스 포인터를 올렸을때
지정색상으로 표시해주며, 글씨를 굵게 해준다.

a:hover {
	color: dodgerblue;
	font-weight: bold;
}
  • normal: 보통 굵기(숫자로는400)
  • bold: 굵은 굵기(숫자로는 700)
  • bolder: 상속된 값보다 굵은 굵기
  • lighter: 상속된 값보다 얇은 굵기
  • number: 100, 200, 300, 400, 500
  • initial: 기본값으로 설정
  • inherit: 부모 요소의 속성값을 상속

색상은 이곳을 참조하자
링크 : w3schools Color Names