4일차

HS L·2023년 3월 16일
1

내일배움캠프

목록 보기
4/73
post-custom-banner

페이지 전체 배경이미지 넣기 css

head 안에 넣기

<link rel="stylesheet" type="text/css" href="example.css">

style안에 넣기

body {
  margin: 0px;
  background-image: url("bg.jpg")
}

예시)
example.html

<html>

  <head>
  
    <title>Example</title>
    <link rel="stylesheet" type="text/css" href="example.css">

  </head>
  
  <body>
  </body>

</html>

example.css

<style>
  body {
  	margin: 0px;
  	background-image: url("bg.jpg")
	}
</style>

배경 이미지 속성
https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Backgrounds_and_Borders/Resizing_background_images

배경 이미지 position
https://www.codingfactory.net/10595

파이참 단축키 모음
https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=myohyun&logNo=221718984559

html에서 css 빼는법
head부분에 해당 코드 넣기

새로만들기 - 스타일 시트
<!-- style.css 파일을 같은 폴더에 만들고, head 태그에서 불러오기 -->
<link rel="stylesheet" type="text/css" href = "(css파일이름).css">

몰라서 검색한참 했는데 강의내용 1-7에 있었다.... 내 머리속의 지우개...

profile
식이
post-custom-banner

0개의 댓글