텍스트 표현 스타일(4)
2025. 9. 15. 22:51ㆍ웹 기초/css
1.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>ssjjss</title>
<style>
ol{
list-style-type: none;
}
span {
font-size: 24px;
color : #ad3000;
}
li{
letter-spacing: 2px;
line-height : 2.0;
}
</style>
</head>
<body>
<h1>백준 문제 트랜드</h1>
<ol>
<li><span >애드 혹</span> - 생각을 많이 하면됨 ㅇㅇ</li>
<li><span>세그먼트 트리</span> - 그냥 그럭저럭 ㅇㅇ</li>
<li><span>DP</span> - 이것도 생각을 하고 식 세우면 됨 ㅇㅇ</li>
<li><span>수학</span> - 중등/고등 수준 수학 ㅇㅇ</li>
</ol>
</body>
</html>2.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>ssjjss</title>
<style>
.container{
width: 300px;
height: 70px;
margin: 0 auto;
background-color:#444;
}
h1{
text-align: center;
line-height: 200%;
color: #fff;
text-shadow: 3px 2px 5px #000;
}
</style>
</head>
<body>
<div class="container"><h1>백준 문제 트랜드</h1></div>
</body>
</html>3.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>ssjjss</title>
<style>
.heading{
background-color: #eee;
}
table{
caption-side: bottom;
border: 1px solid black;
border-collapse: collapse;
}
td, th{
border: 1px solid black;
padding: 10px;
text-align: center;
}
</style>
</head>
<body>
<table class="heading">
<caption>ssjjss 백준</caption>
<thead>
<tr>
<td>알고리즘</td>
<td>난이도</td>
<td>중요도</td>
</tr>
</thead>
<tbody>
<tr>
<td>DFS</td>
<td>5/10</td>
<td>4/5</td>
</tr>
<tr>
<td>DP</td>
<td>7/10</td>
<td>5/5</td>
</tr>
<tr>
<td>Union-Find</td>
<td>6/10</td>
<td>3/5</td>
</tr>
</tbody>
</table>
</body>
</html>'웹 기초 > css' 카테고리의 다른 글
| 텍스트 표현 스타일(3) (0) | 2025.09.14 |
|---|---|
| 텍스트 표현 스타일(2) (0) | 2025.09.14 |
| 텍스트 표현 스타일 (2) | 2025.09.14 |
| CSS 선택자 (0) | 2025.09.11 |
| CSS 기초 (0) | 2025.09.10 |