리그캣의 개발놀이터

css-layer 나누기 퀴즈 본문

프로그래밍 언어/HTML,CSS

css-layer 나누기 퀴즈

리그캣 2018. 1. 21. 17:24

css-layer 나누기 퀴즈


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
<head><title>Quize5</title></head>
<style type="text/css">
  #idstyle {font-style:italic; }
 .classstyle {font-size:15pt;} 
  .L1 {color:white; background-color:blue; padding:50px;
      top:70px; left:60px; width:170; z-index:2;
      position:absolute; padding:30}
  .L2 {color:green; background-color:orange; padding:50px;
      top:120px; left:30px; width:150; z-index:4;
      position:absolute; padding:10}
  .L3 {color:black; background-color:green;
      top:130px; left:150px; width:120; z-index:3;
      position:absolute }
</style>
<body>
  <div class="L1" id="idstyle">이름 : 곽승혁</div>
  <div class="L2"> <u class="classstyle">학번 : 2013301004</u></div>
  <div class="L3"><br><br><br><br><br>취미 : 멍때리기<br></div>
</body>
</html>
cs


저작자표시

'프로그래밍 언어 > HTML,CSS' 카테고리의 다른 글

css-글씨 색상 지정  (0) 2018.01.21
javascript - alert 사용하기  (0) 2018.01.21
CSS - Newelement.html  (0) 2018.01.21
CSS - layer 이해하기  (0) 2018.01.21
JAVASCRIPT - 간단한 버튼 함수 만들기  (0) 2018.01.21
'프로그래밍 언어/HTML,CSS' Related Articles more
Comments