moyumo
11/11/2013 - 1:32 AM

立体感のある水平線をCSSだけで実現する方法

立体感のある水平線をCSSだけで実現する方法

double-double-borders.css
content_copyfile_download
.selector {
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  box-shadow: inset 0 1px 0 #FFF, 0 1px 0 #FFF;
}
two-toned-borders.css
content_copyfile_download
.selector {
  border-bottom: 1px solid #DDD;
  box-shadow: 0 1px 0 #FFF;
}

/*
  http://daverupert.com/2011/06/two-tone-borders-with-css3/
*/