• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

SCSS 강의 소스 적어놨습니다

20.01.19 21:21 작성 조회수 181

0

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(0000.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(0000.75);
}

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

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

답변 1

답변을 작성해보세요.

0

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

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