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更能体现样式和结构相分离,结构的重构性强。 技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。 Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。 我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。 Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。 可以使用 CSS 检查工具进行设计。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。 学Dreamweaver技术的过程其实是一个增加信心的过程。
页:
[1]