HTML和css怎样制作横排导航条,菜单
很多小伙伴学习了一段时间的HTML和css,就想自己动手试试制作导航条菜单,不过却没有思路,今天小编我就来分享一下HTML和css制作导航条的实例,大家可以参考参考。
操作方法
(01)如图,制作导航条菜单一般是用一个div嵌套ul和li标签,然后li里面有a标签。
(02)布局做好之后,开始写导航条的样式,如图,先清除导航条的margin和padding。
(03)然后定位导航条的div,这里我就用绝对定位来居中,如果你有其他导航条居中方法可以忽略这一条。
(04)然后设置导航条的li左浮动,并且去掉li前面的圆点,让导航条更好看。
(05)然后设置导航条的a标签转块级,以及导航条菜单的宽高,文本颜色,水平垂直居中和背景色以及去掉a标签的下划线。
(06)接着设置鼠标经过导航条菜单变色即可。
(07)最后,一个完美的导航条菜单就完成了,简直是太简单了。
-
怎样制作电子版的贺卡?
在这个互联网如此发达的时代,每逢亲朋好友过生日,各种节日的到来之际,我们总想借助互联网送去自己的祝福。往往想给亲朋好友邮寄一张贺卡,然而网络搜索到的贺卡有时不尽人意,或没有创意,或没法表达自己的感情。那么,为什么不尝试亲手制作一张贺卡呢?步骤/方法(01)设置贺...
-
显卡位宽有哪些,有什么区别
为了更好的兼容,更好的DIY,我们需要了解一下显卡的位宽有哪些,有什么区别。操作方法(01)显卡位宽,主流有128bit还有64bit、128bit、256bit,显存的位宽越高,显卡的性能也就越好。(02)主流显卡采用128bit位宽,128位的显存能够适应大多数游戏。(03)显存的带宽=显存频率*显存位...
-
如何用ppt绘制直尺刻度
老师们在教学到认识刻度时会经常用到画刻度,尤其是出个练习题,画个刻度非常头疼,画不标准或者不规范,今天我来告诉老师们一个非常简单的绘制方法,一学就会。操作方法(01)先画一条水平的直线(大约10多厘米),和一条竖直线段(0.2-0.3厘米)。(02)将竖直的线段复制并粘贴几个(需要...
-
电脑键盘按键的功能有哪些?
电脑现在基本上是我们生活和学习中必不可少的工具,但是电脑上那么多按键,大家是否清楚它们的功能呢?那现在小编就和大家分享一下电脑键盘按键的功能。操作方法(01)首先,小编给大家介绍一下常见的键盘有101、104键等若干种。为了方便记忆,通常大家把他划分成主键区、功...