多语言展示
当前在线:627今日阅读:152今日分享:13

如何用CSS工具创建一个变化的链接框

我们放在网页上的链接需要呈现出一定的效果出来,这个链接可以用CSS语句定义出来,我们要用到颜色、字体、背景、风格等多个不同的CSS属性语句。
工具/原料

dreamweaver

方法/步骤
1

链接状态。对于这样的一个网页当中的链接有着两个不同的状态。分别是原始的链接与鼠标在上面时链接的样式,。a:link,a:visiteda:hover,a:active

2

CSS属性。我们把这个初始链接的各种属性一一定义出来。display:block; font-weight:bold; color:#FFFFF1; background-color:#91bf21; width:12px; text-align:center; padding:3px; text-decoration:none;

3

鼠标在链接之上的时候的属性。当鼠标移动到这个链接之上的时候,这个链接的颜色也发生一定的变化。background-color:#09470C;

4

设置一下网页当中的文字内容的语句。这是一个链接

6

CSS列表。我们在学会用CSS属性工具定义了这个链接状态之后,我们再来学习一下这个CSS列表工具,通过这个列表工具也可以把不同的文字元素以列表的方式的表现出来。这里我们用的语句就是list-style-type。

推荐信息