仓酷云

标题: DIV教程之巧用背景色彩和间距疾速制造出细边线表格 [打印本页]

作者: 爱飞 时间: 2015-1-16 00:23
标题: DIV教程之巧用背景色彩和间距疾速制造出细边线表格
业界越来越关注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
技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

作者: 飘灵儿 时间: 2015-1-25 16:14
Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

作者: 飘飘悠悠 时间: 2015-2-3 11:20
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

作者: admin 时间: 2015-2-8 20:40
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

作者: 不帅 时间: 2015-2-26 08:29
可以使用 CSS 检查工具进行设计。

作者: 简单生活 时间: 2015-3-8 13:20
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

作者: 柔情似水 时间: 2015-3-22 19:10
技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

作者: 海妖 时间: 2015-3-22 19:10
学Dreamweaver技术的过程其实是一个增加信心的过程。

欢迎光临仓酷云 (http://www.ckuyun.com/)