래채'sTory

1. <style>
2.      a:link { ... }//기본적인 링크
3.      a:visited { ... }//가봤던 링크
4.      a:hover { ..; }// 마우스가 올라갔을때
5. </style>

1. <style>
2.    a:link    {text-decoration: none;color:blue}
3.    a:visited {text-decoration: none;color:blue}
4.    a:hover   {text-decoration: underline ;color:red}
5. </style>

키워드

설 명

margin

문단 상/하/좌/우 의 여백 동시 지정

margin-top

문단의 위쪽 여백 지정

margin-bottom

문단의 아래쪽 여백 지정

margin-left

문단의 왼쪽 여백 지정

margin-right

문단의 오른쪽 여백 지정

키워드

설 명

border : 두께 색상 선의 종류

문단 상/하/좌/우 동시 지정

border-top : 두께 색상 선의 종류

문단의 위쪽 지정

border-bottom : 두께 색상 선의 종류

문단의 아래쪽 지정

border-left : 두께 색상 선의 종류

문단의 왼쪽 지정

border-right : 두께 색상 선의 종류

문단의 오른쪽 지정

키워드

설명

키워드

설명

none

선 없음

double

이중선

hidden

감춤

groove

움푹 들어간 입체선

dotted

점선

ridge

튀어나온 입체선

dashed

대쉬선

inset

내용이 잠긴 느낌의 입체선

solid

실선

outset

내용이 튀어나온 느낌의 입체선

키워드

설 명

padding

상/하/좌/우 의 여백 동시 지정

padding-top

위쪽 여백 지정

padding-bottom

아래쪽 여백 지정

padding-left

왼쪽 여백 지정

padding-right

오른쪽 여백 지정

키워드

설 명

background-color : #RGB

바탕색

background-repeat : repeat / repeat-x / repeat-y / no-repeat 

background-attachment : scroll / fixed

background-position : [top / center / bottom ]  [ left / center / right ] 
background-position : [x  y] [ x%  y% ]

키워드

설 명

list-style-image : url(url)

리스트의 기호 대신 사용할 이미지

list-style-position: inside / outside