文章列表

商品结算

效果图 代码 <!DOCTYPE html> <html> <head> <meta charset="...

计算机四则运算

闲来无事写了个工具栏

效果图 预留了顶部位置准备加图标的，有需要的可以研究，也可以自己改进。 CSS /* 小菜单 */ .nav-fl{ ...

nth-child的使用方法

废话不说多少先上效果图 图一： 图二： 仔细观察就会发现图二第二行都没有了下边框，虽然解决办法有很多，比如给每个元素单独添加id选择器和类名选择器去逐一选择，但是这样会很麻...

定位+隐藏+hover

效果图 CSS ul { list-style: none; } .linda{ ...

解决li转成行内块产生的空格间隙

使用无序列表做菜单的时候，把li转成行内块，发现li之间有空格间隙，解决办是给ui字体大小设置为0，给li重新定义字体大小。 代码如下： CSS ...