发表于: 2019-04-17 17:04:41
1 641
今天完成的事情:
1.学会了制作雪碧图,根据宽度和高度的不同,结合雪碧图的大小调整background-size,然后计算backgroun-postion,从而使图片正确显示。
代码如下:
2.制作下拉菜单的时候最开始想利用select来制作。
菜单可以通过给select设置css样式来调节颜色并且让其中的文字居中,但是后来发现select里面的option无法实现居中且无法设置css样式无法达到任务需要的效果。请教师兄后改变思路,用无序列表ul和ul:hover的方式成功制作的下拉菜单。
代码如下:
效果如下:
3.设置左边的文字被截断出现”…”省略号
主要是通过以下代码,当宽度不够的时候文本会自动出现省略号。
评论