链接:
为不同链接设置不同效果,使某个链接的效果不同其他链接效果。
例如以下代码
.newa a:link {text-decoration : none;color:#1178C4;}
.newa a:hover {text-decoration : none;color:#ffffff;cursor: hand;background-color: #40CFF2;}.
.newa是为新定义链接的css名,这个链接效果是和网页默认的链接效果不同的。
用DW编辑看到这样的源码:
<td class="u1"><a href="file:///G|/web/Untitled-5.htm" class="menu">cccc</a></td>
就是为cccc定义不同的链接效果。同理,我们就可以为其他链接设置不同的效果。
设置不同的链接鼠标悬停时指针样式:
a:hover {
color:#A3C93E;
cursor: crosshair;
}
cursor: 指针样式
较常用的是 crosshair 十字指针。其他可以到这里
象我blog上链接鼠标悬停的效果:
a:hover {
color:#0000FF;
font-family: "Tahoma", "Verdana", "宋体";position: relative;
left:1px;top:1px;
}
position是定位的css属性。left:1px;top:1px;定义位移的量。
用DW编辑CSS
用DW编辑CSS很方便。1.新建一个网页文件2.新建css样式,开始编辑你想要的CSS样式了。
简单介绍编辑选项:

类型:比较简单。只要是关于字体。

背景:当你的css样式的背景颜色或背景图像。还有背景图像的排列方式,背景图像的位置。
区块:简单明了,不多介绍。

盒子:很晕。很长时间搞不懂是什么意思,不知道是怎么翻译的。这项选项很有用。宽和高是设置表格文本区域的大小,这样就不怕把表格大小搞乱了。填充项设置表格内文本和表格边线的距离。这样表格内的文本就不会挨这表格边线了。

边框:设置表格的边框样式。有8种边线样式,可以分别为表格的四条边线设置不同的样式,粗细和颜色。
定位,列表,扩展里的功能我不是很熟悉,用到的也只有扩展里的光标这项。
现在作一个简单的CSS,也许能对大家有些帮助。

1.新建一个网页。
2.点击“css样式”选项卡下面“新建css样式表”按钮,新建一个css样式。
3.开始设置。类型项选择字体:HandelGotD,大小:12 粗细:粗体 颜色:#666666.在背景项选择背景图片,设置为不重复。区块项没有什么要求就不选择了。盒子项设置:填充设置里选择“全部相同”,量为5px。边框项:左右为实线,上下为点划线。宽度都为1px。颜色:#000000。最后在扩展项选择指针样式。这样这个css就完成了。
4.打开刚才建立的css文件,拷贝内容到blog上,在需要的地方引用就可以了。
.bgdx {
position: static;
background-image: url(ban02.gif);
background-repeat: repeat-x;
cursor: sw-resize;
background-attachment: scroll;
padding: 5px;
line-height: normal;
font-family: "HandelGotD";
font-size: 12px;
font-weight: bold;
color: #666666;
border-top: 1px dashed #000000;
border-right: 1px solid #000000;
border-bottom: 1px dashed #000000;
border-left: 1px solid #000000;
}
ps:如果没有特别要求的选项我们不用设置了,会使用网页的默认设置。在一个新建网页里作css是因为这样能作到可视化制作。DW有新建css这选项,但是这样只能在源码状态下编辑,不适合初学者。如果表格有文本,有些css应用在文本和文本所在的单元格是不一样的效果的。在IE里点画线和虚线没什么区别,但是在 Firefox里却很不一样。学习别人网页的css对提高自己的技术很有帮助(是学习不是盗版阿),用Firefox能很方便的看到别人的css,可以拷贝下来自己研究。
写的不好,因为我也是初学者,不知道有没错误的地方。看来要好好学学了。
这里有很详细的CSS手册,用来参考学习非常好
http://www.51windows.net/pages/css2/
为不同链接设置不同效果,使某个链接的效果不同其他链接效果。
例如以下代码
.newa a:link {text-decoration : none;color:#1178C4;}
.newa a:hover {text-decoration : none;color:#ffffff;cursor: hand;background-color: #40CFF2;}.
.newa是为新定义链接的css名,这个链接效果是和网页默认的链接效果不同的。
用DW编辑看到这样的源码:
<td class="u1"><a href="file:///G|/web/Untitled-5.htm" class="menu">cccc</a></td>
就是为cccc定义不同的链接效果。同理,我们就可以为其他链接设置不同的效果。
设置不同的链接鼠标悬停时指针样式:
a:hover {
color:#A3C93E;
cursor: crosshair;
}
cursor: 指针样式
较常用的是 crosshair 十字指针。其他可以到这里
象我blog上链接鼠标悬停的效果:
a:hover {
color:#0000FF;
font-family: "Tahoma", "Verdana", "宋体";position: relative;
left:1px;top:1px;
}
position是定位的css属性。left:1px;top:1px;定义位移的量。
用DW编辑CSS
用DW编辑CSS很方便。1.新建一个网页文件2.新建css样式,开始编辑你想要的CSS样式了。
简单介绍编辑选项:

类型:比较简单。只要是关于字体。

背景:当你的css样式的背景颜色或背景图像。还有背景图像的排列方式,背景图像的位置。
区块:简单明了,不多介绍。

盒子:很晕。很长时间搞不懂是什么意思,不知道是怎么翻译的。这项选项很有用。宽和高是设置表格文本区域的大小,这样就不怕把表格大小搞乱了。填充项设置表格内文本和表格边线的距离。这样表格内的文本就不会挨这表格边线了。

边框:设置表格的边框样式。有8种边线样式,可以分别为表格的四条边线设置不同的样式,粗细和颜色。
定位,列表,扩展里的功能我不是很熟悉,用到的也只有扩展里的光标这项。
现在作一个简单的CSS,也许能对大家有些帮助。

1.新建一个网页。
2.点击“css样式”选项卡下面“新建css样式表”按钮,新建一个css样式。
3.开始设置。类型项选择字体:HandelGotD,大小:12 粗细:粗体 颜色:#666666.在背景项选择背景图片,设置为不重复。区块项没有什么要求就不选择了。盒子项设置:填充设置里选择“全部相同”,量为5px。边框项:左右为实线,上下为点划线。宽度都为1px。颜色:#000000。最后在扩展项选择指针样式。这样这个css就完成了。
4.打开刚才建立的css文件,拷贝内容到blog上,在需要的地方引用就可以了。
.bgdx {
position: static;
background-image: url(ban02.gif);
background-repeat: repeat-x;
cursor: sw-resize;
background-attachment: scroll;
padding: 5px;
line-height: normal;
font-family: "HandelGotD";
font-size: 12px;
font-weight: bold;
color: #666666;
border-top: 1px dashed #000000;
border-right: 1px solid #000000;
border-bottom: 1px dashed #000000;
border-left: 1px solid #000000;
}
ps:如果没有特别要求的选项我们不用设置了,会使用网页的默认设置。在一个新建网页里作css是因为这样能作到可视化制作。DW有新建css这选项,但是这样只能在源码状态下编辑,不适合初学者。如果表格有文本,有些css应用在文本和文本所在的单元格是不一样的效果的。在IE里点画线和虚线没什么区别,但是在 Firefox里却很不一样。学习别人网页的css对提高自己的技术很有帮助(是学习不是盗版阿),用Firefox能很方便的看到别人的css,可以拷贝下来自己研究。
写的不好,因为我也是初学者,不知道有没错误的地方。看来要好好学学了。
这里有很详细的CSS手册,用来参考学习非常好
http://www.51windows.net/pages/css2/
回复Comments
{commenttime}{commentauthor}
{CommentUrl}
{commentcontent}