CSS - page 4
-
float, clear
float : 요소가 어떻게 위치해 있는지를 지정<!DOCTYPE html><html><head><style>p {width : 400px;}/*none, left, right*/img {float: left;}</style></head><body><p>In this e
-
Box - width, heignt, padding, margin
width : 가로<!DOCTYPE html><html><head><meta charset=\"UTF-8\" /><title></title><style>\tdiv {border: 1px solid black;}\tdiv.test1 {width: auto;}\tdiv.test2 {w
-
Border
border-width : 선 굵기<!DOCTYPE html><html><head><meta charset=\"UTF-8\" /><title></title><style>\tp {width : 500px; height : 50px; border-style: solid;}\tp.tes
-
background
background-color<!DOCTYPE html><html><head><meta charset=\"UTF-8\" /><title></title><style>body {background-color : #000000;}p.a {background-color : red;}p.b
-
text align, vertical align
text-align : 가로 정렬<!DOCTYPE html><html><head><meta charset=\"UTF-8\" /><title></title><style>\tp {\t\tborder: 1px solid red; \t width : 456px;\t}\tp.ex1 {te