杭州设计公司,杭州广告设计公司
网页设计
HTML各类虚线
信息来源:www.51wisdom.com.cn     栏目类别: 网页设计     浏览次数:     发表评论 减小字体 增大字体

网页**学习:虚线表格的**方法

 方法一:作一个1X2的图。

  半黑半白,再利用表格作成线。这种方法虽然麻烦,但在任何浏览器中均可浏览,兼容性最好。

  方法二:在CSS里面设定。

  如果你用DreamWeaver话,只要在CSS面板里**ew一个style,选择“redefi**e HTML Tag”,再在下拉菜单里先“table”,在弹出的面板里,category里选择border,在border里,将top,left,right,bottom都设成1px,颜色设成你想要的边框的颜色。然后在style下拉框里选择dashed。一切ok。只是所有的表格都会用虚线做边框了。注意,这个效果在浏览器里才能看见。

  方法三:直接在html里设置(如果你只想让某一个表格边框是虚线的话)。

  在表格的html里加上这个:

  style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"
  颜色是十六位代码,你可以**己设。

  注:方法二、三,只能在IE5.5里用,到了NETSCAPE里一点用处都没有,除非你用做好的底图填充。

技巧:实现链接的虚线下划线效果

  修改您的样式表,找下边这段(一般都在开头)
a {
color:#3399FF;
fo**t-weight:Normal; /*字体效果 普通 可以改成bold粗体*/
text-decoratio**:**o**e; /*下划线效果:无下划线*/
}

a:hover {
color:#4499EE;
text-decoratio**:**o**e; /*下划线效果:无下划线*/
border-bottom: 1px #0099CC dotted /*加一个只有下边的框 边框为虚线*/
}

  a{}控制连接的效果 a:hover{}控制鼠标移上去的效果。
本文标签:HTML虚线把本文收藏到 网摘 博采 百度
上一篇:ASP一行列出三个记录读出数据          回网页设计列表         下一篇:CSS实现表格显示
搜索本站其他内容: 百度一下:[HTML各类虚线]   Google搜索:[HTML各类虚线]
最新网友评论文章↓
1.靠2009-11-19 20:42:45
2.去2009-11-19 20:39:41
3.脑残还是变相炫富?2009-11-16 20:17:58
4.好感动哦2009-11-7 15:40:32
5.怎么学习2009-10-20 10:54:50

文章添加时间:2008-6-9,文件大小:20.18 KB,最近更新时间:2011-12-16 18:04:43 返回TOP↑            

本站文章搜集自网络;共享网络,共享快乐,我为人人,人人为我;如果您知道本站未知来源文章请告知本站谢谢!
文中及留言观点不代表本站;本站转载内容只是为了更好的交流;
若侵犯了您的版权请联系E-mail:有事儿,您Q我!,本站核实后立即处理!

  •             平面设计| 标志设计| 包装设计| 网页设计| 广告设计| VI设计| 画册设计| 专卖店设计| 展位设计| 名片设计| 网站地图|    建议使用IE5及以上1024*768分辨率
  •             友情链接 版权所有 © 杭州威迪广告公司 2008-2010 | TEL:0571-88385993 13296756810 浙ICP备09011107号