[CSS] 블릿없애기,대소문자,링크

박영준·2020년 9월 10일
0

ul li 블릿,기호,점 없애기

블릿 없애기

<style>
	ul{
    	list-style:none;
    }
</style>

블릿 없애기+들여쓰기 없애기

<style>
	ul{
    	list-style:none;
        padding-left:0px;
        }
</style>

대문자 또는 소문자로 바꾸기

text-transform: none | capitalize | uppercase | lowercase | initial | inherit

-none: 입력된 그대로 출력한다.
-capitalize: 단어의 첫번째 글자를 대문자로 바꾼다.
-uppercase: 모든 글자를 대문자로 바꾼다.
-lowercase: 모든 글자를 소문자로 바꾼다.
-initial: 기본값으로 설정한다.
-inherit: 부모 요소의 속성값을 상속받는다.

링크에 밑줄 없애기

a:link - 클릭하지 않은 링크
a:visited - 한번 클릭했던 혹은 다녀갔던 링크
a:hover - 링크를 클릭하려고 마우스를 가져갔을때
a:active - 링크부분에서 마우스를 누르고 있는 동안의 상태

decoration: 밑줄
none: 밑줄 없는 상태
underline: 밑줄 있는 상태

ex)
a:link { color: red; text-decoration: none;} 

a:visited { color: black; text-decoration: none;} 

a:hover { color: blue; text-decoration: underline;}

profile
React, React-Native Developer

0개의 댓글