0
点赞
收藏
分享

微信扫一扫

网页设计之瀑布流,排列图片img最好的方式之一【代码

  • 1.什么是瀑布流?

  • 2.制作瀑布流样式

  • 3.瀑布流的scroll滚轮创建

操作之前,必须对以下知识语言熟悉:[HTML](()、[CSS](()、[JavaScript](()和[jQuery](()。

[](()1.什么是瀑布流?

======================================================================

在我们百度搜索图片的时候经常看到,图片非常整齐排列有序的给你列出来,就好像下面图片一样。

在这里插入图片描述

图片会自动跟进,而不会错杂开来,就像瀑布一样,这就是网页设计的瀑布流样式。

[](()2.制作瀑布流样式

======================================================================

首先,在百度中copy几张图片,保证能填满网页框架,来为网页添加img样式。

这里我复制了几张猫咪图片,放在了images目录下:

在这里插入图片描述

在编译器中构造相应代码,这里我用的sublime 编译器,使用其他的都可以,但是格式必须对的!!!

首先,创建一个html文件,代码如下:

举报

相关推荐

0 条评论