묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
html5 구분선 넣는 방법?
2014.08.31 03:11
위 이미지는 가로로 된 구분선인데요,
제가 원하는 것은 세로로 된 구분선에 1px 그림자를 넣어 엠보싱형태로 만드는 것입니다.
이해가 되실런지 모르겠네요.
이것을 html5 로 구현하는 방법이 궁금합니다.
box-shadow 속성으로 그런 효과를 주실 수 있습니다. 블럭 요소에만 주실 수 있으니 가령 div에 준다고 하면 div의 width를 원하는 구분선의 굵기로 설정하고 background에 구분선의 색에 해당하는 색상을 주어야겠죠.
여기에 box-shadow{0 0 4px 1px #f0f0f0} 을 줘보세요.