성준영 / webservice-practices

Go to a project
Toggle navigation Toggle navigation pinning
성준영
de2381b3 1 parent 1566f071

레드벨벳 css

Inline Side-by-side
Showing 4 changed files with 107 additions and 1 deletions
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body>
<h1>레드벨벳</h1>
<img id="velvet-image" src="./velvet.jpg">
<ul id="content">
<li>구성원</li>
<ul id="members">
<li class="member">아이린</li>
<li class="member">슬기</li>
<li class="member">웬디</li>
<li class="member">조이</li>
<li class="member">예리</li>
</ul>
<br>
<br>
<br>
<li id="description">설명</li>
<blockquote id="description-content">
SM엔터테인먼트 소속의 5인조 걸그룹.2014년 8월에 4인조로 데뷔했으며 2015년 3월 예리가 합류해 5인조가 되었다. SM엔터테인먼트에서 2012년 4월 초 데뷔한 EXO 이후로 2년 4개월만에,
걸그룹으로서는 2009년 9월 초 f(x)가 데뷔한 이후 5년만에 데뷔했다. 그리고 데뷔 앨범은 2014년 8월 4일 발매되었다. 데뷔 무대는 2014년 8월 1일 뮤직뱅크에서 가졌다.
</blockquote>
<br>
<br>
<li>소속사 : <a href="http://www.smtown.com/">SM 엔터테이먼트</a></li>
<br>
<li>앨범</li>
<ol>
<li>디지털 싱글</li>
<ol>
<li><a href="https://namu.wiki/w/%ED%96%89%EB%B3%B5(Happiness)">행복 (Happiness)</a></li>
<li><a href="https://namu.wiki/w/Be%20Natural">Be Natural</a></li>
</ol>
<li>미니 앨범</li>
<ol>
<li><a href="https://namu.wiki/w/Ice%20Cream%20Cake">Ice Cream Cake</a></li>
<li><a href="https://namu.wiki/w/The%20Velvet">The Velvet</a></li>
<li><a href="https://namu.wiki/w/Russian%20Roulette">Russian Roulette</a></li>
<li><a href="https://namu.wiki/w/Rookie">Rookie</a></li>
</ol>
<li>정규 앨범</li>
<ol>
<li><a href="https://namu.wiki/w/The%20Red">The Red</a></li>
</ol>
</ol>
</ul>
</body>
</html>
\ No newline at end of file
body {
background-color: deeppink;
}
h1 {
text-align:center;
color: #f2f2f2;
font-size: 60px;
}
blockquote {
border-left: 10px solid pink;
margin: 1.5em 10px;
padding: 0.5em 10px;
}
#content {
color: #f2f2f2;
}
#velvet-image {
width : 70%;
margin-left: 15%;
margin-right: 15%;
}
#members {
list-style:none;
margin:0;
padding:0;
}
.member {
padding: 10px 20px 10px 20px;
background-color: hotpink;
margin: 5px 10px 5px 10px;
border : 0;
float: left;
}
#description {
margin : 5px 10px 10px 0;
}
\ No newline at end of file
<!DOCTYPE html>
<html lang="ko">
<style>
body {
padding : 5%;
}
table {
border-collapse: collapse;
width: 100%;
width: 90%;
}
th {
......