728x90
반응형
-code-
<!DOCTYPE html>
<html>
<head>
<style>
#back {
border: 1px solid black;
background: url(https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FZDkq5%2FbtqtZPo096E%2Fhp1LENIWvENDDkgkIkSni1%2Fimg.png);
background-size: 250px 180px;
background-repeat: no-repeat;
padding: 15px;
}
</style>
</head>
<body>
<h1>백그라운드에 사진 넣기</h1>
<div id="back">
<h2>html</h2>
<p>하이퍼텍스트 마크업 언어는 웹 페이지를 위한 지배적인 마크업 언어다. HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다.</p>
<h2>css</h2>
<p>종속형 시트 또는 캐스케이딩 스타일 시트(Cascading Style Sheets, CSS)는 마크업 언어가 실제 표시되는 방법을 기술하는 언어로[1], HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다. W3C의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높다.</p>
</div>
</body>
</html>
결과물
백그라운드에 사진 넣기
html
하이퍼텍스트 마크업 언어는 웹 페이지를 위한 지배적인 마크업 언어다. HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다.
css
종속형 시트 또는 캐스케이딩 스타일 시트(Cascading Style Sheets, CSS)는 마크업 언어가 실제 표시되는 방법을 기술하는 언어로[1], HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다. W3C의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높다.
728x90
반응형
'Coding > HTML & CSS' 카테고리의 다른 글
| [HTML & CSS] 네비게이션 바(Navigation Bar) 세로 버전 (0) | 2021.02.26 |
|---|---|
| [HTML & CSS] 검색, 입력창에 값 넣기(datalist) (0) | 2021.01.13 |
| [HTML & CSS] outline(테두리) 의 종류와 스타일 (0) | 2020.12.20 |
| [HTML & CSS] 이미지(image) 회전 (0) | 2020.12.07 |
| [HTML & CSS] a, onclick 태그 (새창/팝업/현재창) 열기 (0) | 2020.12.04 |
댓글