本文介绍了如何使用CSS实现图片两侧的透明圆框效果，通过设置绝对定位、border-radius属性来创建半圆或整圆，并讨论了如何创建多个透明小圆点，利用li元素和width、height及border-radius属性。同时，提供了透明边框（使用rgba()函数）和透明背景的代码示例。
1、实现图片左右两边的透明圆框
1）首先将这个盒子设置为绝对定位（因为绝对定位不占位置，可以覆盖在其他的表面），父亲设置相对定位
2）一般圆框是半圆的。如果想要整圆：border-radius: 50%；
如果不是整圆（border-radius有顺序：左上角、右上角、右下角、左下角）
2、如果想要多个小圆
1）ul>li的组合
2）要给定li的width和height，然后border-radius: 50%；
可以设置白色边框，或者透明背景
3、源码：
<!DOCTYPE html>
<html lang="en">
<
订阅专栏 解锁全文
扫一扫
1198
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
