web布局设计
关注
分享
扫一扫
傻她你呀
这个作者很懒，什么都没留下…
展开
-
数据分页的实现
数据分页的实现今天在做项目的过程当中遇到了数据分页，说到数据分页，相信都不会陌生，平常百度的时候都会遇到：这个算是比较经典的，今天特意实现一下数据分页，以下是我的效果图：可以进行页数搜索，像这样：外观看起来比较好看，也很好用话不多说，直接上代码以下是基本的布局 demo.html<!DOCTYPE html><html> <hea...原创 2019-10-25 16:52:55 · 1502 阅读 · 0 评论 -
导航栏的魔法
导航栏的魔法说起导航栏如何制作，相信只要会html和css都会写出一个导航栏，现在就来谈谈导航栏的布局假如我要制作这样的导航栏因为图片太小看不见，为了更容易看清，看看左侧部分和右侧部分左侧部分右侧部分我最开始想到的肯定是flex布局，然后使用 justify-content:space-between ，这样基本就可以实现布局了，代码会是这样子<!DOCTYPE ht...原创 2019-10-09 09:34:25 · 174 阅读 · 0 评论 -
横向滚动
横向滚动说起横向滚动，经常用，注意是横向滚动，不是轮播图，看看下面事例：就是这样的横向滚动看看html布局<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=de...原创 2019-10-09 17:07:19 · 687 阅读 · 0 评论 -
轮播图
轮播图说实话这篇文章我不是特别想写，因为轮播图的实现原理也比较简单，但是今天还是来说说这个事儿，算是加深一下印象2333一般常见的轮播图，例如小米官网的轮播图你会发现轮播图与的结构基本上是这样：一个父容器里面有一个图片集合，还有两个按钮，分别是“下一张”按钮和“上一张”按钮，可能还会有“指示器”，就是这个：今天来说说一个不一样的轮播图，但是本质上还是轮播图，如下：一共是十张图片，...原创 2019-10-10 20:10:50 · 733 阅读 · 0 评论