用DIV画圆

红太狼 2022-03-25 13:07 292阅读 0赞

CSS：

<style>
    		#bubble{   
    		position: absolute;
    		width: 100px;      
    		height: 100px;      
    		background-color:rgb(0,200,200);
    		filter:alpha(opacity:30); 
    		opacity:0.3;
    		border-radius: 50%;      
    		-moz-border-radius: 50%;      
    		-webkit-border-radius: 50%;    
    		z-index: 9999;
    		} 
    </style>
    
    或
    
    <style>
    		.bubble{   
    			position: absolute;
    			width: 100px;      
    			height: 100px;      
    			background-color:rgba(0,200,200,0.3);
    			
    			border-radius: 50%;      
    			-moz-border-radius: 50%;      
    			-webkit-border-radius: 50%;    
    			z-index: 9999;
    			display: none;
    			text-align: center;
    			color: rgb(0,0,0);
    			   
    		} 
    </style>

DIV：

<div id="bubble"></div>

效果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZG4yMDEyMDIyNQ_size_16_color_FFFFFF_t_70][]

注：使用"rgba"设置背景及透明度，文字不透明

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZG4yMDEyMDIyNQ_size_16_color_FFFFFF_t_70]: /images/20220325/43328d7ff3754ff7bd733f53b4d038fc.png

发表评论取消回复

表情：

评论列表（有 0 条评论，292人围观）

还没有评论，来说两句吧...

相关阅读

相关 css画圆、半圆、椭圆、圆环

css画圆在css中利用border-radius可以画出我们想要的圆 border-radius属性可以设置盒子四边的圆弧。从上左，上右，下右，下左顺时针依

╰+哭是因爲堅強的太久メ/ 2023年08月17日 16:53/ 0 赞/ 115 阅读

相关用echarts画的百分比圆

用echarts画的百分比圆   <view class=

待我称王封你为后i/ 2022年12月20日 03:26/ 0 赞/ 243 阅读

相关 java左手画圆右手画方_左手画圆右手画方900字作文

左手画圆右手画方900字作文圆，亦始亦终，柔曲多变。 ![8851c6c5e6a4b306c916e2f2a9438dd5.png][] 方，公平公正，有棱，有角，有个

叁歲伎倆/ 2022年10月23日 06:00/ 0 赞/ 7 阅读

相关使用 canvas 画圆

src="https://mdn.mozillademos.org/zh-CN/docs/learn/JavaScript/Building\_blocks/Looping\_

缺乏、安全感/ 2022年06月03日 09:28/ 0 赞/ 257 阅读

相关画板画圆

> 要求：在面板上画圆，此圆有数字表示，点击该圆可以消除掉。效果图.jpg 遇到的问题一个圆有什么属性如何点击一个button生成一个圆

朴灿烈づ我的快乐病毒、/ 2022年06月02日 08:29/ 0 赞/ 258 阅读

相关用matplotlib 画圆

import matplotlib.pyplot as plt path = '' 路径 lena = plt.imread(r'')

不念不忘少年蓝@/ 2022年05月18日 00:10/ 0 赞/ 268 阅读

相关用DIV画圆

CSS： <style> bubble{ position: absolute; width: 100px;

红太狼/ 2022年03月25日 13:07/ 0 赞/ 293 阅读

相关 svg path 画圆

[https://www.cnblogs.com/guxuelong/p/7743736.html][https_www.cnblogs.com_guxuelong_p_774

小鱼儿/ 2022年01月07日 13:21/ 0 赞/ 374 阅读

相关 Canvas 画圆

原文地址：http://hi.baidu.com/lj2tj/item/557d8d1a65adfa721009b58b \-----------------------

爱被打了一巴掌/ 2021年12月15日 11:55/ 0 赞/ 418 阅读

相关 canvas画圆

画圆方法说明 arc(x, y, radius, startAngle, endAngle, anticlockwise) 该方法有六个参数：x,y为绘制圆弧所

雨点打透心脏的1/2处/ 2021年07月24日 16:22/ 0 赞/ 582 阅读