时间:2021-05-08
今天遇到的问题整理:
1.ul中的li浮动时,无论给外层div的class写背景,还是给ul写背景,都是没有效果的。这是因为li浮动时撑不起外层的高度。给li或者a加上display:block;也没有用。解决方法是给外层div加上clearfix。
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { display:inline-block;}
.clear { clear:both; height:0px; font-size:0px; line-height:0px;}
2.当给img写上背景颜色时,图片下边会露出一条背景颜色的边。原因是图片加了连接之后会有默认的margin-bottom的效果。
解决方法:img { vertical-align:top;}
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
主要亮点:1ul水平显示2li去掉圆点3li中字体水平、竖直居中4li控制边框样式5使用html+css3渐变画图制作背景图片6更改颜色透明度7DIV制作边框阴
先来看看效果图↓这个显示效果的做法有很多:方法一:使用两张图片,作为边框的背景图片和中间的图片,然后使用imageView的cornerRadius来做圆,具体
实现原理如图,试想一下,若是将的width属性值设置的很宽,直到可以装下你所有的图片,而每一个图片又用包着并且设置了左浮动。那么当我们向左移动ul的时候并且移动
1,ul:默认的ul的margin和padding不是0,如果在导航中用到了左浮动的li,往往会把外部的div撑大,导致页面变形,改成:ul{margin:0p
1、ul:默认的ul的margin和padding不是0,如果在导航中用到了左浮动的li,往往会把外部的div撑大,导致页面变形,改成:ul{margin:0p