摘要: 二倍图精灵图的做法: 把精灵图等比例缩放为原来的一半 之后根据大小测量坐标 代码里面的background-size也要为原来宽度的一半 如图:如下图片是400x400大小的图片, 阅读全文
posted @ 2022-04-01 17:15 洛飞 阅读(75) 评论(0) 推荐(0) 编辑
摘要: 做如下这个效果: 这两个使用before属性加上content来设置。 效果如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="I 阅读全文
posted @ 2022-04-01 16:08 洛飞 阅读(77) 评论(0) 推荐(0) 编辑
摘要: 实现如下效果,中间的搜索栏是可以自适应的,所以中间的这个搜索不设置宽度,两边两个小盒子设置宽度,然后中间设置外边距。 中间遇到一个问题,就是设置不了子元素的margin-top的值(因为没有给父元素加上overflow:hidden属性),如下: 原因:在div里面有子元素div1时,若父元素div 阅读全文
posted @ 2022-04-01 14:54 洛飞 阅读(139) 评论(0) 推荐(0) 编辑