본문 바로가기

HTML&CSS

navigation /ul태그안에 li태그들 앞에 아무것도 안붙이기/ text-decoration: none; /클릭했거나 안하거나 색깔 검정으로

* {
  padding: 0px;
  margin: 0px;
   /*이렇게 까지 하면 기본적으로 모든 요소들이 가지는 padding, margin 값이 어느 정도 있는데 그걸 0으로 없애 준다*/
  box-sizing: border-box;
  /*만약 뭔가를 고정 px로 만들 때 저절로 뭔가와 padding, margin 값을 포함해서 내가 원하는 크기로 만들어 준다.*/
}

 

list-stylenone;

ul태그안에 li태그들 앞에 아무것도 안붙이기.

 

a태그에 밑줄없애기

 text-decorationnone;

 

position : 여러종류 있는데 relative!!

기본값이 static인데

다른 element랑 겹칠 수 없음, 위치변경 불가능

 

 

클릭했거나 안하거나 색깔 검정으로

 

.test {
  text-decoration: none;
  color: black;
}
<style type="text/css">
 a:link { color: red; text-decoration: none;}
 a:visited { color: black; text-decoration: none;}
 a:hover { color: blue; text-decoration: underline;}
</style>

'HTML&CSS' 카테고리의 다른 글

배경색을 투명하게 background-color: transparent;  (0) 2020.11.30
css overflow: hidden;  (0) 2020.09.08
flex  (0) 2020.07.09
flex grow  (0) 2020.07.01
배치 position 속성 static, relative, absolute, fixed  (0) 2020.06.22