HTML Blocks

索引

section

<div class="outer ding section">
  <div class="inner ding">
    <h4><span>部件标题</span></h4>
    <div class="this">
      <ul>
        <li><a href="#" title="Title">文字链接A</a></li>
        <li><a href="#" title="Title">文字链接B</a></li>
        <li><a href="#" title="Title">文字链接C</a></li>
      </ul>
    </div>
    <div class="lt"></div> <div class="rt"></div> <div class="lb"></div> <div class="rb"></div>
  </div>
</div>

/* ######### ######### ######### Section ######### ######### ######### */
 .section{background:url(./images/bg_section_9.png) 0 0 no-repeat;}
 .section .inner{background:url(./images/bg_section_9.png) 100% 100% no-repeat;position:relative;}
 .section .inner h3{height:35px; line-height:35px;}
 .section .boxCenterList{padding:10px 15px; }
 .section .inner .lt,
 .section .inner .rt,
 .section .inner .lb,
 .section .inner .rb{background:url(./images/bg_section_9.png) no-repeat; width:10px; height:40px; font-size:0px; position:absolute;}
 .section .inner .lb,
 .section .inner .rb{height:6px;}
 .section .inner .lt {background-position: 0 0; left:0px; top:0px;}
 .section .inner .rt {background-position: 100% 0; right:0px; top:0px;}
 .section .inner .lb {background-position: 0 100%; left:0px; bottom:0px; }
 .section .inner .rb {background-position: 100% 100%; right:0px; bottom:0px; }
  /* ######### ######### ######### Section3 ######### ######### ######### */
 .section3{ border:3px solid #EEEEEE;}
 .section3 .inner{border:1px solid #E0E0E0;position:relative;}
 .section3 .inner h3{background:url(./images/bg_section_h3.png) repeat-x; height:35px; line-height:35px;}
 .section3 .inner .lt,
 .section3 .inner .rt,
 .section3 .inner .lb,
 .section3 .inner .rb{background:url(./images/cnr_section_c.gif) no-repeat; width:8px; height:8px; font-size:0px; position:absolute;}
 .section3 .inner .lt {background-position: 0 0; left:-4px; top:-4px;}
 .section3 .inner .rt {background-position: 100% 0; right:-4px; top:-4px;}
 .section3 .inner .lb {background-position: 0 100%; left:-4px; bottom:-4px; }
 .section3 .inner .rb {background-position: 100% 100%; right:-4px; bottom:-4px; }

cell

<div class="outer ding cell">
  <div class="inner ding">
    <div class="this">
      <ul>
        <li><a href="#" title="Title">文字链接A</a></li>
        <li><a href="#" title="Title">文字链接B</a></li>
        <li><a href="#" title="Title">文字链接C</a></li>
      </ul>
    </div>
    <div class="lt"></div> <div class="rt"></div> <div class="lb"></div> <div class="rb"></div>
  </div>
</div>

Last edited Oct 24, 2011 at 5:31 AM by bubujie, version 6

Comments

No comments yet.