SCSS 강의 소스 적어놨습니다

미해결질문

작성자 : seed 2020.01.19

연관강의 : CSS에 날개를 달아주는 Sass (SCSS)
연관수업 : Writing Example Code

html {
    font-size:18px;
}

body { 
    margin:20px;
    background-color:#fff4c1;
}

div {
    color:#333;
    padding:20px;
}

a {
    display:inline-block;
    margin:10px 0;
}

#box1 { 
    font-size:40px;
    background-color:#ffcccc;
    border-radius:20px;
    border:3px solid #f00;
    box-shadow:0px 3px 11px 0px rgba(0, 0, 0, 0.75);
}

#box1 > a { 
    color:#a22;
    text-decoration:none;
}

#box1 > a:hover {
    background-color:#ccc;
}

#box1 #box2 { 
    font-size:20px;
    background-color:#e9e9e9;
    border-radius:20px;
    border:3px solid #f00;
    box-shadow:0px 3px 11px 0px rgba(0, 0, 0, 0.75);
}

#box1 #box2 > a {
    color:#ee6633;
    text-decoration:none;
}

#box1 #box2 > a:hover {
    color:#a22;
    text-decoration:none;
}

DEvSIGNER 10달 전

아 주소가 바꼈네요 죄송합니다.

https://codepen.io/blueweber/pen/WzvWPp

연관강의

CSS에 날개를 달아주는 Sass (SCSS)

연관수업

Writing Example Code

지식공유자 되기

많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.

지식공유참여

기업 교육을 위한 인프런

“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.

인프런 비즈니스