[Html]
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/>
<Title> DIV + CSS table effect </title>
<Style type = "text/css">
/** Div table */
. DivTb {www.2cto.com
Margin: 10px;
Width: 501px;/x 100*5 + 1 */
List-style: none;
}
. DivTb ul,. divTb li {
Margin: 0;
Padding: 0;
}
. DivTb li {
Float: left;
Border-left: 1px solid # ccc;
Border-top: 1px solid # ccc;
Width: 99px;/* null in 99px + 1px outer box */
Height: 33px;
Line-height: 33px;
Text-align: center;
}
. DivTb li. r {
Border-right: 1px solid # ccc;
}
. DivTb li. B {
Border-bottom: 1px solid # ccc;
}
/** E div table */
</Style>
</Head>
<Body>
<Ul class = "divTb">
<Li> 111 </li>
<Li> 112 </li>
<Li> 113 </li>
<Li> 114 </li>
<Li class = "r"> 11r </li>
<Li> 111 </li>
<Li> 112 </li>
<Li> 113 </li>
<Li> 112 </li>
<Li class = "r"> 11r </li>
<Li class = "B"> better life </li>
<Li class = "B"> </li>
<Li class = "B"> </li>
<Li class = "B"> </li>
<Li class = "B r"> 11 </li>
</Ul>
</Body>
</Html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
