이렇게 구현을 하려면 css를 어떻게 작성을 하여야 하는지요
본문
안녕하세요? 다들 여름 휴가는 다녀 오셨는지요?
기본 라인 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
참고만 헤보세요.
.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}
오우~ 잘 됩니다.
감사합니다.
복 많이 받으십시오~^^)