css rounded corners with 3 images top, mid, bottom

Monday, June 7, 2010

css rounded corners with 3 images top, mid, bottom


<style>

.box {margin-bottom:10px;width: 250px;}
.box .top{background:url(bg_yctop.png) no-repeat;height:10px;}
.box .mid{background:url(bg_ycmid.png) repeat-y;padding:0px 10px}
.box .bom{background:url(bg_ycbom.png) no-repeat;height:10px;}
.box .mid .title{padding:3px 0px;font-weight:bold;font-size:14px;}
.box p {margin: 0 10px;}
</style>


 
   Check out the location

      Lorem ipsum dolor sit amet, consectetur adipisicing
  elit, sed do eiusmod tempor incididunt ut labore et
  dolore magna aliqua. Ut enim ad minim veniam, quis
  nostrud exercitation ullamco laboris nisi ut aliquip
  ex ea commodo consequat. Duis aute irure dolor in
  reprehenderit in voluptate velit esse cillum dolore eu
  fugiat nulla pariatur. Excepteur sint occaecat cupidatat
  non proident, sunt in culpa qui officia deserunt mollit
  anim id est laborum.