网站首页
无损音乐
高清电影
游戏新闻
动漫资讯
破解资源
站长资源
游戏攻略
用DIV+CSS如何实现这种表格效果
网络编程 发布日期：2025/1/9 浏览次数：
1
正在浏览：用DIV+CSS如何实现这种表格效果
表格效果table
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
表格效果div+css
<!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"> <style type=text/css> #div1 { width: 450px; border-top: #000 1px solid; border-left: #000 1px solid; } #div1 ul { width: 450px; margin: 0px; } #div1 li { float: left; width: 149px; height: 50px; list-style-type: none; border-right:#000 1px solid; border-bottom: #000 1px solid; text-align: center; line-height: 50px; } </style> <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>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇：
HTML技巧汇编
下一篇：
IE图片下空隙问题解决方法集合
首页
无损音乐
高清电影
破解资源