Javascript
filter활용-파이썬반 평균점수 구하기
Antonio Bae
2023. 7. 20. 11:21
filter활용-파이썬반 평균점수 구하기
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>인터페이스구성</title>
<style>
*{margin: 0; padding:0;}
.mainBox{
width:400px;
height: 300px;
background-color: gold;
}
.nZ{width: 100px;
height: 300px;
background-color: pink;
display: inline-block; float:left;
font-size: 30px; line-height: 40px;
/* 높이 */
}
.gZ{
width: 300px;
height: 300px;
background-color: blue;
float: left;
position: relative;
}
.bZ{
width: 50%; height:50px;
backgrounrelatived-color: yellow;
}
.aB{
position: absolute;
top: 0px;
left: 0px;
width: 48%;
height: 300px;
border-right: 5px solid black;
}
</style>
</head>
<body>
<div class="mainBox">
<div class="nZ">
조대룡<br>
자드<br>
love
</div>
<div class="gZ">
<div class="aB"></div>
<div class="bZ" style="width: 70%; background-color: gold;"></div>
<div class="bZ" style="width: 83%; background-color: lightgreen;"></div>
<div class="bZ" style="width: 64%; background-color: red;"></div>
</div>
</div>
<script>
</script>
</body>
</html>