-
a:hover{ height: n px; margin-top: -y px; line-hight: -z px } 用来产生垂直增高效果 margin属性保证向上, line-height属性保证文字垂直居中 margin-top 设置为负值的含义是使其向上移动(保持原来大小)查看全部
-
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。查看全部
-
background:url(图片链接)可以设置背景图片查看全部
-
<ul float:left> 可以将<ul>列表设置为水平列表 <a text-align:center> 可以将<a>中的文本设置为居中对齐查看全部
-
a{display:block}可以将<a>设置为块级元素 a:hover{}可以设置悬浮样式 a{text-indent: }可以设置<a>元素中的文本缩进查看全部
-
垂直菜单主要要点: 1、无序列表ul/li 2、a标签要设置成块元素才能设置宽高 3、text-indent文字缩进查看全部
-
margin可以使用负值,向相反方向移动。 比如:margin-top:-10px,即元素向上了10px。查看全部
-
基本的样式清除: *{margin:0;padding:0} 无序列表圆点去除: ul{list-style:none} 下划线去除: a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度(padding会) 需要将a标签设置为块元素,才能设高宽、hover效果 代码:a{display:block} hover格式 a:hover{}查看全部
-
行内元素为独占一行查看全部
-
1、既然是伸缩效果,并且是当鼠标移动上去后显示的动态交互效果,当然是在 a:hover{}上设置。 2、方法 首先把 height 设置的更高一些,因为最终效果是向下增加因此可以用到 margin-top: -10px;(margin也可以设置负数值,让其向相反方向移动。) 3、虽然上述方法是达到了向上伸缩的效果,但是同样的文字也向上缩进了,因此还需要设置文本居中,用 line-height 和height值相同的方法达到垂直居中。查看全部
-
1、制作圆角贴图菜单栏当然奥设计背景图片,接着需要切图,需要会PS。 2、查看全部
-
加 float属性时,不要有宽度限制。否则无法出现浮动现象。查看全部
-
1、水平菜单栏的制作就是加上 float 属性就行。查看全部
-
没学JavaScript 完全听不懂 的阶段,先标记一下吧查看全部
-
麻竹。学完JS来看查看全部
举报
0/150
提交
取消