+ -
当前位置:首页 → 问答吧 → 如何使用li实现这样的布局呢

如何使用li实现这样的布局呢

时间:2011-03-25

来源:互联网


<!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> new document </title> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> </head> <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> </ul> </body> </html>
 提示:您可以先修改部分代码再运行
上面的代码通过css如何实现下面的效果
1.gif (1.53 KB)
2011-3-25 10:36

作者: caicaihui   发布时间: 2011-03-25

两个ul

作者: mangoyang   发布时间: 2011-03-25