发表于: 2019-04-17 17:04:41

1 641


今天完成的事情:

1.学会了制作雪碧图,根据宽度和高度的不同,结合雪碧图的大小调整background-size,然后计算backgroun-postion,从而使图片正确显示。

代码如下:

2.制作下拉菜单的时候最开始想利用select来制作。

菜单可以通过给select设置css样式来调节颜色并且让其中的文字居中,但是后来发现select里面的option无法实现居中且无法设置css样式无法达到任务需要的效果。请教师兄后改变思路,用无序列表ul和ul:hover的方式成功制作的下拉菜单。

代码如下:

效果如下:

3.设置左边的文字被截断出现”…”省略号

主要是通过以下代码,当宽度不够的时候文本会自动出现省略号。


返回列表 返回列表
评论

    分享到