Dreamweaver中导航栏右侧下拉三角该如何制作

2025-05-07 09:50:09

1、下拉三角虽然可以使用代码敲出来,不过太过于负责,最长用的就是自己制作一个三角形图片,将图片保存到相应的位置

Dreamweaver中导航栏右侧下拉三角该如何制作Dreamweaver中导航栏右侧下拉三角该如何制作Dreamweaver中导航栏右侧下拉三角该如何制作

5、在CSS样式中,添加对one_list的修饰,添加类标签名字,在修饰时,在前面会添加一个点,.one_list{};如下图所示,对li添加相对定位

Dreamweaver中导航栏右侧下拉三角该如何制作

7、然后对img进行位置的移动,top:50%;距离顶部50%的位置,right:20px;距离右侧20px;浏览器中预览查看效果

Dreamweaver中导航栏右侧下拉三角该如何制作

8、right:20px;在里面移动为正值,如果想要移动到外面,只需要输入负值即可,right:-20px;

Dreamweaver中导航栏右侧下拉三角该如何制作
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢