JSP - tag 와 tag의 결합 (2022-09-13)
2022. 9. 13. 22:25ㆍ3층 1구역 - 개발의 장/JSP
1. 본론
tag와 tag를 결합하여 부분 style을 지정할 수 있다.
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 | <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ex06</title> <!-- http://localhost:8085/cssExam/exams/ex06.jsp --> <style type="text/css"> div ul {color: red;} div h2 { color: yellow; background-color: purple; } div ul li{display: inline;} </style> </head> <body> <div> <h2>Descendant Selector_1</h2> <ul> <li>자식의 자식(후손1)</li> <li>자식의 자식(후손2)</li> <li>자식의 자식(후손3)</li> </ul> </div> <h2>Descendant Selector_2</h2> </body> </html> | cs |
위 코드 중 display옵션에 inline이라고 코드가 짜여 있는데 대충 컨텐츠들을 한 라인 안에 몰아넣겠다 라는 뜻이다.
그래서 ul태그 안에 li코드들이 일렬로 나열이 된 것.
'3층 1구역 - 개발의 장 > JSP' 카테고리의 다른 글
| JSP - CSS quiz01,02 (2022-09-13) (0) | 2022.09.13 |
|---|---|
| JSP - 가상 클래스 (2022-09-13) (0) | 2022.09.13 |
| JSP - 속성, 속성값 선택자 (2022-09-13) (0) | 2022.09.13 |
| JSP - tag, id, class selector (2022-09-13) (0) | 2022.09.13 |
| JSP - Universal Selector(*)로 하나가 되는 우리 (2022-09-13) (0) | 2022.09.13 |