仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 839|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 给大家带来CSS实例教程:用ul li做圆角表格

[复制链接]
莫相离 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:31:52 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
声明块由一个一个的声明组成,声明由属性和值组成,属性和值用冒号隔开,分号结束。
网页制造poluoluo文章简介:明天用ulli做个圆角表格,圆角用了背景图片。
这两天和表格纠结上了...事情必要做表格,可是不想反复不异的办法,前两天用dldtdd,明天用ulli做个圆角表格,圆角用了背景图片。再次声明:数据输入型的表格不保举利用div+CSS。测试扫瞄器:IE6IE7IE8FF3.0Opera9.6
<!doctypehtmlpublic"-//w3c//dtdhtml4.0transitional//en"><html><head><title>newdocument</title><metaname="generator"content="editplus"><metaname="author"content=""><metaname="keywords"content=""><metaname="description"content=""><styletype="text/css"><!--*{margin:0px;padding:0px;}body{text-align:center;font-family:"宋体"}#table{margin:0auto;width:960px;text-align:left;}li{width:958;*width:100%;height:36px;line-height:36px;border:1pxsolid#c9dff7;border-bottom:none;list-style-type:none;vertical-align:bottom;}li.title{width:960px;height:34px;line-height:34px;background:url(http://www.poluoluo.com/files/091121/1_091314.gif);border:none;font-size:13px;font-weight:800;color:#fff;}li.titlespan{padding-left:20px;}li.bottom{width:960px;height:37px;background:url(http://www.poluoluo.com/files/091121/1_091332.gif);border:none;}lia{float:left;width:88px;*width:89px;height:36px;overflow:hidden;border-right:1pxsolid#c9dff7;}lia.left{float:left;width:67px;*width:68px;height:36px;overflow:hidden;background:#E3EFFC}lia.b_l{width:68px;*width:69px;background:none;}lia.right{border-right:none;}--></style></head><body><divid="table"><ul><liclass="title"><span>破洛洛--中国网页计划,网页制造第一站</span></li><li><aclass="left"href=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><aclass="right"href=""></a></li><li><aclass="left"href=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><aclass="right"href=""></a></li><li><aclass="left"href=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><aclass="right"href=""></a></li><li><aclass="left"href=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><aclass="right"href=""></a></li><li><aclass="left"href=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><aclass="right"href=""></a></li><li><aclass="left"href=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><aclass="right"href=""></a></li><li><aclass="left"href=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><aclass="right"href=""></a></li><li><aclass="left"href=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><aclass="right"href=""></a></li><li><aclass="left"href=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><aclass="right"href=""></a></li><liclass="bottom"><aclass="leftb_l"href=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><ahref=""></a><aclass="right"href=""></a></li></ul></div></body></html>
[Ctrl+A全体选择提醒:你可先修正部分代码,再按运转]
</p>
凡是和我讨论客户段效率的全是脑子有问题的,影响的全是图片和Flash,所以我一直建议一个提交按钮就不要用图片带代替了。
谁可相欹 该用户已被删除
沙发
发表于 2015-1-17 23:09:14 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
再见西城 该用户已被删除
板凳
发表于 2015-1-22 16:56:07 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
因胸联盟 该用户已被删除
地板
发表于 2015-2-6 19:39:30 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
分手快乐 该用户已被删除
5#
发表于 2015-2-18 11:14:39 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
第二个灵魂 该用户已被删除
6#
发表于 2015-3-6 06:36:31 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
兰色精灵 该用户已被删除
7#
发表于 2015-3-12 22:16:40 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
再现理想 该用户已被删除
8#
发表于 2015-3-20 04:49:33 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 11:38

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表