位置:首页 > 软件操作教程 > UI设计软件 > Adobe Dreamweaver > 问题详情

Dreamweaver CC 如何设计滑动背景链接样式?

提问人:刘旭39发布时间:2020-12-17

部分视频内容:

使用背景图像设计链接样式比较常用,其中,利用背景图像的动态滑动技巧可以设计很多精致的 链接样式,这种技巧被称为滑动门技术。设计技巧如下:

设计相同大小但不同效果的背景图像进行轮换时,背景图像之间应该过渡自然、切换吻合。

所有背景图像组合在一张图中,然后利用CSS技术进行精确定位,实现在不同状态下显 示为不同的背景图像,这种技巧也被称为CSS Sprites0 在本案例中,先定义链接块状显示,然后根据背景图像大小定义a元素的宽和高,并分别在默认 状态和鼠标指针经过状态下定义背景图像。对于背景图像来说,宽度可以与背景图像宽度相同,也可 以根据需要小于背景图像的宽度,但是高度必须保持与背景图像的高度一致。具体操作见视频。

继续查找其他问题的答案?

回复(0)
返回顶部