仓酷云

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

[DIV+CSS] DIV教程之巧用背景色彩和间距疾速制造出细边线表格

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

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

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

x
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站。
  在中拔出一个表格,若设置其“边框(Border)”为1,预览时其边框线较粗。关于不熟习HTML言语的网页制造者,怎样疾速制造出细边线的表格呢?上面,我给人人先容一个小技能――巧用背景色彩和间距制造细边线表格。
  以制造一个4行3列、边框线为白色细线的表格为例:
  Step1在Dreamweaver的计划视图中拔出一个4行3列的表格。
  Step2在“属性”面板中设置此表格的属性以下:边距(CellPad)依据必要自行设置值(比方10);间距(CellSpace)为1;边框(Border)为0;背景色彩(BgColor)为白色。
  Step3选中此表格的一切单位格,在“属性”面板中设置一切单位格的属性以下:背景色彩(Bg)为红色或白色之外的色彩。
  最初,保留网页,按F12预览。怎样,一个4行3列的白色细线表格是否是出现在你眼前?
  别的,假如我们照旧想用表格来结构定位,但只需外边框线显现为细线,而外部单位格的分开线不显现的效果,则能够共同利用嵌套表格。上面以表分外边框线为白色细线为例来讲明操纵办法:
  Step1在Dreamweaver的计划视图拔出一个1行1列的表格。
  Step2在“属性”面板设置此表格的属性以下:“边距”依据必要自行设置(比方5):“间距”为1:“边框”为0:“背景色彩”为白色。
  Step3选中此表格独一的单位格,在“属性”面板设置此单位格的“背景色彩”为红色或白色之外的其他色彩。
  Step4将光标定位在此1行1列的表格中,依据必要拔出一个几行几列的嵌套表格,此嵌套表格的“边框”必定设置为0,“边距”和“间距”能够依据必要设置或不设置,其他属性可不举行设置。
  如许,我们就能够在嵌套表格的分歧单位格内拔出笔墨、图片等其他网页元素了。
  是不是有点动心了?从速尝尝吧!
</p>
Table中布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div更能体现样式和结构相分离,结构的重构性强。
沙发
发表于 2015-1-18 06:33:40 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
飘灵儿 该用户已被删除
板凳
发表于 2015-1-25 16:14:22 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
飘飘悠悠 该用户已被删除
地板
发表于 2015-2-3 11:20:03 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
admin 该用户已被删除
5#
发表于 2015-2-8 20:40:10 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
不帅 该用户已被删除
6#
发表于 2015-2-26 08:29:04 | 只看该作者
可以使用 CSS 检查工具进行设计。
简单生活 该用户已被删除
7#
发表于 2015-3-8 13:20:32 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
柔情似水 该用户已被删除
8#
发表于 2015-3-22 19:10:49 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
海妖 该用户已被删除
9#
发表于 2015-3-22 19:10:49 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 03:00

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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