制作简单的导航条基于HTML和CSS3
设计素描 uff1a
HTML:
xml代码将内容复制到剪贴板。
优先
整体
P1
P2
P3
P4
Css:
CSS代码将内容复制到剪贴板。
{。侧边栏
边境:1px solid # f0f2f1;
宽度:180px;
浮点数:左;
左:35px填充;
}
{侧边栏> UL
列表样式:无;
填充:0;
保证金:0;
}
{侧栏> UL >李
字体大小:18px;
字体重量:400;
填料:0010px;
边距:5px;
}
{侧边栏>
边境上:1px冲RGBA(0,0,0,0.1);
显示块;
列表样式:无;
保证金:5px010px0;
填料:10px0010px;
字体大小:14px;
马克斯身高:138px;
溢出:自动;
}
侧边栏{
线高度:1.5;
}
侧边栏{
颜色:# e74430;
光标:指针;
}
{选择的边栏
颜色:# e74430;
}
以上是css侧导航栏的例子讲解,希望能对大家学习导航栏有所帮助。