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

2024-10-15 11:18:31

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中导航栏右侧下拉三角该如何制作
猜你喜欢