HTML, CSS 코딩 질문
-
게시물 수정 , 삭제는 로그인 필요
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<style>
#samsung_margin{width: 926px; height: 280px; background-color: #ffffff; padding: 20px;}
#samsung_margin h3{padding: 20px;}
#samsung_margin p{float: left; width: 146px; height: 66px; color: white; text-align: center; }
.odd{background-color: #006789;margin-right: 10px;}
.even{background-color: #2e5aa9;margin-right: 10px;}
#samsung_margin{background-color: #e9e9e9; margin: 45px 15px 45px 15px;}
</style>
</head>
<body>
<div id="samsung_margin">
<h3>BUSINESS PORTFOLIO</h3>
<p class="even">OIL &$ GAS PROCESSING</p>
<p class="odd">REFINERY</p>
<p class="even">PETROCHEMICALS</p>
<p class="odd">POWER</p>
<p class="even">INDUSTRIAL</p>
<p class="odd">ENVIRONMENTAL</p>
</div>
</body>
</html>
제가 첫번째 사진처럼 만들려고 코딩을 했는데 첫번째 사진처럼 BUSINESS PORTFOLIO 배경을 흰색으로 만드려고 하는데 어떻게 해야 되나요?
그리고 두번째는 even, odd 클래스에 영어들이 좀 밑으로 내려서 중앙에 위치하게 하려면 어떻게 하나요?
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<style>
#samsung_margin{width: 926px; height: 280px; background-color: #ffffff; padding: 20px;}
#samsung_margin h3{padding: 20px;}
#samsung_margin p{float: left; width: 146px; height: 66px; color: white; text-align: center; }
.odd{background-color: #006789;margin-right: 10px;}
.even{background-color: #2e5aa9;margin-right: 10px;}
#samsung_margin{background-color: #e9e9e9; margin: 45px 15px 45px 15px;}
</style>
</head>
<body>
<div id="samsung_margin">
<h3>BUSINESS PORTFOLIO</h3>
<p class="even">OIL &$ GAS PROCESSING</p>
<p class="odd">REFINERY</p>
<p class="even">PETROCHEMICALS</p>
<p class="odd">POWER</p>
<p class="even">INDUSTRIAL</p>
<p class="odd">ENVIRONMENTAL</p>
</div>
</body>
</html>
제가 첫번째 사진처럼 만들려고 코딩을 했는데 첫번째 사진처럼 BUSINESS PORTFOLIO 배경을 흰색으로 만드려고 하는데 어떻게 해야 되나요?
그리고 두번째는 even, odd 클래스에 영어들이 좀 밑으로 내려서 중앙에 위치하게 하려면 어떻게 하나요?
#html css #html css 적용 #html css javascript #html css 연결 #html css js #html css 예제 사이트 #html css 불러오기 #html css 강의 #html css 템플릿 #html css 차이
