精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网站设计>网页技巧>正文

网页制作中的一些技巧


来源:建站学 时间:07-09-15 点击: 点击这里收藏本文
七. Q: 为什么在DW中把单元格高度设置为1没有效果?
A: DW生成表格时会自动在每个单元格里填充一个 代码,就是空格代码,如果有这个代码的存在,你把该单元格宽度或高度设置为
1都没有效果,实际预览时该单元格会占据10px左右的宽度.如果把 代码去掉,再把单元格宽度或高度设置为1,就可以在IE中看到预
期的效果。但是在NS(Netscape)中该单元格不会显示,就好象表格中缺了一块。在单元格内放一个透明的GIF图,然后把它的宽度和
高度都设置为1,这样就可以同时兼容IE和NS了。
八. Q: 如何使表格背景色在鼠标经过时改变?
A: <table width="100" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"><tr>
<td onmouseover="style.backgroundColor='#CCCCCC'" onmouseout="style.background
Color='#FFFFFF'" align="center" bgcolor="#FFFFFF">背景色改变</td>
</tr>
</table>
九. Q: 如何实现两种不同的链接效果?
A: 在CSS中设置不同的类(CLASS),例如:
a.w1:link {text-decoration:none;color:#000066}
a.w1:visited {text-decoration:none;color:#333333}
a.w1:hover {color:#0000ff;text-decoration:underline}
a.w2:link {text-decoration:none;color:#000066; font-weight:bold}
a.w2:visited {text-decoration:none;color:#000066; font-weight:bold}
a.w2: hover{color:#FF0000; font-weight:bold}
不同的链接调用不同的CSS类即可,例如:
<a href="#" class="w1">123</a>
<a href="#" class="w2">456</a>
也可以直接在DW中操作,例如:
1、打开css style面版选择use css selector
2、选择a:link,定义样式,接下来选择a:hover再定义样式
3、同样方法再建立一个链接样式a.w1(名称可任意):link 和a.w1:hover
4、第二步所建立的样式会以默认值自动写入文档,当需要使用第二种样式时,选中链接文字 ,在右键快捷菜单中选择新样式(第三步建立的样式,这里为w1)

十.Q: 怎样改变IE滚动条的样式?
A: 用CSS改变滚动条的样式,代码如下:
<style>
BODY
{SCROLLBAR-FACE-COLOR: #D4D0C8;
SCROLLBAR-HIGHLIGHT-COLOR: #D4D0C8;
SCROLLBAR-SHADOW-COLOR: #999999;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #E3E3E3;
SCROLLBAR-DARKSHADOW-COLOR: #666666;
}
</style>
这种效果只有IE5.5及更高版本才支持。
十一.Q: 为什么页面四周有空白?
A: 在你的<body>里面加入leftmargin="0" topmargin="0",为了适应网景浏览器,最好再加上marginheight="0" marginwidth="0"
--
Whenever Lord closes a door, somewhere else, he opens a window.
Re:网页制作常见问题(不断更新,提问前请先看看) ebinstudio(伊冰) 623 03.08.04 10:04  
十二.Q: 如何去除浏览器的“滚动条”?
A: <body scroll=no>
去掉水平滚动条:
<body style="overflow-x: hidden">
去掉竖直滚动条:
<body style="overflow-y: hidden">

9 7 3 1 2 3 4 4 8 :

  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.