테스트 사이트 - 개발 중인 베타 버전입니다

이렇게 구현을 하려면 css를 어떻게 작성을 하여야 하는지요 채택완료

허당빵 8년 전 조회 2,283

안녕하세요? 다들 여름 휴가는 다녀 오셨는지요?

https://sir.kr/data/editor/1708/22639cb4df0f6f04b49aff804ac3a7f4_1501668986_1559.png" title="22639cb4df0f6f04b49aff804ac3a7f4_1501668986_1559.png" style="font-size: 14.6667px;"> 

기본 라인 1px(#cccccc) 위에 4px(#333333)라인이 겹쳐있는데요. 

설문조사 그림처럼 구현을 하려면 css를 어떻게 작성을 하여야 하는지요~

크롬에서 검사로 보니까 대략 다음처럼 되어 있습니다.

보니까 아미나 빌더 입니다.

.widget-index .div-title-underbar span {

    padding-bottom: 4px;

}

--- 생략 --- 

.div-title-underbar-bold {

    border-bottom: 2px solid #333333;

} 

--- 생략 --- 

.div-title-underbar {

    padding: 0;

    margin: 0;

    border-bottom: 1px solid #cccccc;

}

 

그럼 무더운 여름 건강하십시오~^^)

감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
8년 전

참고만 헤보세요.

.header {width:100%;height:30px;margin-bottom:10px;border-bottom:2px solid #ccc;clear:both;font-size:16px;line-height:10px}

.header .title {position:relative;float:left;font-size:16px;font-weight:bold;margin:0 0 10px;clear:both}

.header .title a {position:absolute;top:2px;font-size:16px;color:#555;line-height:20px;height:30px;border-bottom:2px solid #333333;min-width:100px;padding-left:5px;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

허당빵
8년 전
오우~ 잘 됩니다.
감사합니다.
복 많이 받으십시오~^^)

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인