摘要：
界面搭建<i></i> 1、右三角形 i { width: 0; height: 0; border: 20px solid transparent; border-left: 20px solid red; } 实现效果： 2、下三角形 i { width: 0; height: 0; borde 阅读全文
posted @ 2023-03-22 17:21
西瓜南瓜哈密瓜
阅读(27)
评论(0)
推荐(0)
摘要：
搭建扇子结构 <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> <li>11</li> <li>12&l 阅读全文
posted @ 2023-03-22 17:02
西瓜南瓜哈密瓜
阅读(50)
评论(0)
推荐(0)
摘要：
搭建一个太极的盒子 <body> <div></div> </body> 样式（使用 linear-gradient线性渐变；radial-gradient径向渐变） <style> body { background-color: lightcyan; } div { width: 200px; 阅读全文
posted @ 2023-03-22 16:45
西瓜南瓜哈密瓜
阅读(21)
评论(0)
推荐(0)
摘要：
1、单行超出显示省略号 overflow: hidden; //超出隐藏 text-overflow: ellipsis; //文本超出时显示省略号 white-space: nowrap; //设置文本不换行 2、多行超出显示省略号 overflow: hidden; //超出隐藏 text-ov 阅读全文
posted @ 2023-03-22 16:16
西瓜南瓜哈密瓜
阅读(2772)
评论(0)
推荐(0)
摘要：
功能实现： 先搭建一个用于轮播的容器，水平置入需要轮播的图片，设置图片大小为容器的大小，超出容器的部分隐藏显示 然后用动画使每次需要轮播时让图片向左平移容器的宽度，这样一个简单的轮播就做好了 废话不多说，世界上案例吧 界面搭建 <body> <div class="swiper-container" 阅读全文
posted @ 2023-03-22 15:56
西瓜南瓜哈密瓜
阅读(196)
评论(0)
推荐(0)
摘要：
box-shadow: 水平阴影 垂直阴影 模糊 阴影尺寸 颜色 外阴影转内阴影（默认外阴影） 例如： box-shadow: 10px 10px 5px 2px #ff4444 inset; 阅读全文
posted @ 2023-03-22 14:15
西瓜南瓜哈密瓜
阅读(66)
评论(0)
推荐(0)
浙公网安备 33010602011771号