|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
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更能体现样式和结构相分离,结构的重构性强。 |
|