인생은 여행 人生は旅
WEB2 - 박스모델 사용하기 본문
<style>
a {
color:black;
text-decoration: none;
}
#active {
color:red;
}
.saw{
color:gray;
}
.active {
color:red;
}
h1 {
font-size:60px;
text-align: center;
border-bottom:1px solid gray;
margin:0;
padding:20px;
}
</style>
<style>
body{
margin:0;
}
a {
color:black;
text-decoration: none;
}
#active {
color:red;
}
.saw{
color:gray;
}
.active {
color:red;
}
h1 {
font-size:60px;
text-align: center;
border-bottom:1px solid gray;
margin:0;
padding:20px;
}
ol{
border-right:1px solid gray;
width:100px;
margin:0;
padding:20px;
}
</style>
중간에 어딘가 놓친 부분이 있는지 조금 다른 부분이 있지만,,
대체로 비슷하게 완성되었네요 ^^
오늘은 갑자기 일이 너무 많아 이 정도로 마무리해야겠습니다 ;;
내일 몇강 더 이어서 들어봐야겠습니다 ㅎㅎ
'코딩 공부' 카테고리의 다른 글
WEB2 - 미디어 쿼리 (0) | 2024.01.02 |
---|---|
WEB2 - 그리드 (0) | 2023.12.29 |
WEB2 - CSS 선택자의 기본 & 박스모델 (0) | 2023.12.27 |
WEB2 - CSS 등장(Cascading Style Sheets)과 기본문법 (2) | 2023.12.26 |
WEB - 웹서버 운영하기(Live Server) (0) | 2023.12.22 |