CSS快速制作图片轮播的焦点-白红宇

CSS快速制作图片轮播的焦点

阅读量：4286 次

发布时间：2019-05-27

本文共 946 字，大约阅读时间需要 3 分钟。

来源：

效果图：

演示地址：

代码：

1:

2:

3:

4:

5:     图片轮播的焦点

6:

7:         .div

8:         {

9:             width: 240px;

10:             position: absolute;

11:         }

12:         ul

13:         {

14:             list-style: none;

15:             margin-left: -50px;

16:         }

17:         ul li

18:         {

19:             width: 50px;

20:             height: 50px;

21:             margin-left: 10px;

22:             float: left;

23:             border: 1px solid #ccc;

24:             background-color: #ccc;

25:             border-radius:25px;

26:             text-align: center;

27:         }

28:         li:hover

29:         {

30:             background-color: red;

31:         }

32:         span

33:         {

34:             font-size: 30px;

35:             line-height: 50px;

36:         }

37:

38:

39:

40:

41:

42:             1

43:             2

44:             3

45:             4

46:

47:

48:

你可能感兴趣的文章

swift之字典转模型kvc、mjextention桥接、反射、HandyJSON、ObjectMapper、Codable

查看>>

swift之判断类型的方法

查看>>

swift之获取APP各种参数和device参数、获取APPstore信息、以及跳转到appstore

查看>>

swift之MBProgressHUD的使用

swift之tabBarController

查看>>

swift之navigationController、navigation bar

查看>>

swift之网络下载图片sdwebImage、Kingfisher、Nuke

查看>>

swift之xib的使用、从xib获取view和控制器、storyboard获取控制器

查看>>

swift之字符串名转类名NSClassFromString

查看>>

swift之按钮的使用

查看>>

swif之Tableview的使用、cell动态高度、侧滑删除、设置中心、个人中心、cell多选、cell单选

查看>>

swift之自动布局，系统自带的布局、SnapKit布局

swift之颜色、16进制颜色转换成RGB颜色

查看>>

swift之UICollectionView的使用、cell多选

查看>>

swift之代理的使用

查看>>