11주차 - jsp&css (2) 태그를 지정하여 스타일을 적용하기
2022. 9. 13. 18:33ㆍjsp/css
이번의 목표
01. 구역을 지정해서 스타일을 꾸며보자
지난 시간에는 * 을 이용하여 모든 객체에 일괄적으로 동일한 스타일을 적용시켰습니다.
이번에는 각각의 구역에 서로 다른 스타일을 적용하는 것을 해볼 것입니다.
01. jsp 코드
02. 실행화면
01. jsp 코드
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ex02</title>
<style type="text/css">
h1 {
background-color: yellow;
}
h2 {
background-color: green;
}
p {
background-color: skyblue;
}
</style>
</head>
<body>
<p>tag Selector</p>
<h1>서로 다른 색상</h1>
<h2>태그별로 다른 스타일을 적용 시 사용</h2>
<p>
tag를 지정해서 적용하기에 동일한 tag에 모두 적용
</p>
</body>
</html>02. 실행 화면
'jsp > css' 카테고리의 다른 글
| 11주차 - jsp&css (6) 자식 객체에 스타일 적용하기 (0) | 2022.09.13 |
|---|---|
| 11주차 - jsp&css (5) [] 속성을 이용하여 스타일을 적용하기 (0) | 2022.09.13 |
| 11주차 - jsp&css (4) .class class를 지정하여 스타일을 적용하기 (0) | 2022.09.13 |
| 11주차 - jsp&css (3) #id 아이디를 지정하여 스타일을 적용하기 (0) | 2022.09.13 |
| 11주차 - jsp&css(1) Universal Selector (0) | 2022.09.13 |