티스토리 뷰
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<style type="text/css">
h1 {
background-color: silver;
}
.background {
border: solid 1px black;
padding: 50px;
width: 500px;
height: 100px;
background: yellow
url(https://t1.daumcdn.net/cfile/tistory/2043A637515FE69B0A)
no-repeat right bottom scroll;
}
</style>
</head>
<body>
<h1>background 속성을 이용한 단축 코드</h1>
<p class="background">font 속성과 같이 background 속성을 이용하면 background 관련
5가지 속성을 단축해서 한 번에 선언할 수 있습니다. background 속성을 사용할 때는 각 배경 관련 속성들의 값을 한
번씩만 순서에 관계없이 선언하면 됩니다. background-position 속성의 위치값을 선언할 경우 값을 두 번 선언하면
되는데 이때 가로 방향의 값을 먼저 선언하고, 뒤에 세로 방향의 값을 선언하면 됩니다.</p>
</body>
</html>
background 속성을 이용한 단축 코드
font 속성과 같이 background 속성을 이용하면 background 관련 5가지 속성을 단축해서 한 번에 선언할 수 있습니다. background 속성을 사용할 때는 각 배경 관련 속성들의 값을 한 번씩만 순서에 관계없이 선언하면 됩니다. background-position 속성의 위치값을 선언할 경우 값을 두 번 선언하면 되는데 이때 가로 방향의 값을 먼저 선언하고, 뒤에 세로 방향의 값을 선언하면 됩니다.
'java,web study > 5주차 (7월 29일~8월 4일)' 카테고리의 다른 글
z-index 비슷한 예제 2 (0) | 2013.08.01 |
---|---|
z-index 비슷한 예제 (0) | 2013.08.01 |
Gradiant (0) | 2013.08.01 |
Box Shadow (0) | 2013.08.01 |
Text Shadow (0) | 2013.08.01 |
- Total
- Today
- Yesterday
- ERP
- 안드로이드
- 게임
- HTML
- 파이썬
- 소켓
- 이론
- JQuery
- 정보
- 도전과제
- 클래스
- 정렬
- 자바스크립트
- 졸업작품
- 오라클
- SQL
- 메모장
- 잡담
- 충북대
- 데이터베이스
- 아두이노
- 자바
- db
- CSS
- 청주
- 알고리즘
- 프로젝트
- 배열
- jsp
- SVN
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |