轮播图案例 --- 简单的轮播图

最新推荐文章于 2021-06-07 18:10:07 发布

月光派件中。

最新推荐文章于 2021-06-07 18:10:07 发布

阅读量158

点赞数

分类专栏： BOM 文章标签：轮播图 BOM

本文链接：https://blog.csdn.net/weixin_46064684/article/details/109015626

版权

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			* {
    
			  margin: 0;
			  padding: 0
			}

			ul {
    
			  list-style: none
			}

			img {
    
			  vertical-align: top
			}

			.box {
    
			  width: 730px;
			  height: 454px;
			  margin: 100px auto;
			  padding: 5px;
			  border: 1px solid #ccc;
			}

			.inner {
    
			  width: 730px;
			  height: 454px;
			  background-color: pink;
			  overflow: hidden;
			  position: relative;
			}

			.inner ul {
    
			  width: 1000%;
			  position: absolute;
			  top: 0;
			  left: 0;
			}

			.inner li {
    
			  float: left;
			}

			.square {
    
			  position: absolute;
			  right: 10px;
			  bottom: 10px;
			}

			.square span {
    
			  display: inline-block;
			  width: 16px;
			  height: 16px;
			  background-color: #fff;

最低0.47元/天解锁文章

月光派件中。

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
轮播图案例 --- 简单的轮播图

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0 } ul { list-style: none } img { vertical-align: top }
复制链接

扫一扫