210604 UIUX WebDesign CSS 연습_13
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>녹십자 예제</title>
<style>
* {
margin: 0;
padding: 0;
}
body {
font-family: "맑은 고딕";
font-size: 16px;
line-height: 1.5;
}
#contents {
margin: 50px auto;
padding: 25px;
width: 600px;
}
h1 {
margin-bottom: 15px;
border-bottom: 2px solid #666;
}
.imgComp {
width: 100%;
margin-bottom: 25px;
}
table {
margin-bottom: 25px;
width: 100%;
border-top: 3px solid #22ac91;
border-collapse: collapse;
}
th {
padding: 15px 20px;
background-color: #eee;
border-bottom: 1px solid #ccc;
}
td {
padding: 15px 20px;
border-bottom: 1px solid #ccc;
}
.first {
color: #22ac91;
}
.second {
color: #22ac91;
}
.third {
color: #22ac91;
}
</style>
</head>
<body>
<div id="contents">
<h1>회사개요</h1>
<img class="imgComp" src="./images/company.gif" alt="녹십자 사진">
<table>
<tr>
<th>기업명</th> <td>(주)녹십자</td>
</tr>
<tr>
<th>설립일</th> <td>1967년 10월 5일</td>
</tr>
<tr>
<th>상장일</th> <td>1978년 8월 28일</td>
</tr>
<tr>
<th>대표이사</th> <td>허일섭 회장, 조순태 사장, 이병건 사장</td>
</tr>
<tr>
<th>대표업종</th> <td>의약품 제조 및 판매 등</td>
</tr>
</table>
<p>
지난 반세기 동안 국내 생명공학산업을 선도해 왔던 녹십자가
이제 인류 모두의 행복한 내일을 위한 <span class="first">'건강산업의
글로벌 리더'</span>로 새롭게 거듭나고 있습니다.
이를 위해 녹십자는 창의와 도전의 정신을 바탕으로
녹색의 십자가 의미하는 <span class="second">봉사와 배려, 정도와 정의</span>를 지키고
<span class="third">인간을 존중</span>할 것을 약속합니다.
</p>
</div>
</body>
</html>
Author And Source
이 문제에 관하여(210604 UIUX WebDesign CSS 연습_13), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@itisit210/210604-UIUX-WebDesign-CSS-연습13저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)