웹사이트나 티스토리를 보면 배경을 색으로 지정 해놓은 것이 아닌
이미지를 배경으로 한곳을 종종 볼수 있습니다 . 이번에는
색이아닌 background 로 이미지를 넣는 방법을 배워보도록 하겠습니다.
원하는 이미지를 html이 저장되어 있는 폴더에 옮겨놓고 진행 하시면 됩니다.
<!DOCTYPE HTML>
<html>
<head>
<meta charset = "utf-8">
</head>
<body style=" background-image :url(unnamed.jpg);
background-size : 100%; " >
<h1 style=" background-color: #3B1E1E;"> CSS 기초배우기 </h1>
</body>
</html>
저는 바디 태그에 백그라운드에 이미지를 첨부하겠습니다 .명령어는 다음 과같습니다
background-image : url (이미지파일이름) ;
그리고 이미지가 화면테 꽉차게 나올수 있다록 백그라운드 사이즈를 100%르 사용하였습니다.
결과 값은 이렇게 나왔습니다 구글에 검색 기본 배경화면입니다 필요하신분은
unnamed.jpg
1.04MB
이 사진을 사용하시면됩니다.
'개발 > CSS' 카테고리의 다른 글
| css (배경) 기초 2편 (0) | 2021.04.17 |
|---|---|
| CSS (글자색) 기초 1편 (0) | 2021.04.17 |
| CSS 기초 (0) | 2021.04.17 |