用表格做出的阴影扇形图

最新推荐文章于 2021-08-28 23:23:47 发布

IvyGreen_

最新推荐文章于 2021-08-28 23:23:47 发布

阅读量376

点赞数

分类专栏： html/css学习文章标签： css做彩色扇形阴影图

本文链接：https://blog.csdn.net/weixin_43340716/article/details/89310969

版权

html/css学习专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在这里插入图片描述
笔记：

box-shadow 1 2 3 4
1水平阴影的位置数字px 可为负值
2 垂直阴影的位置数字px 可为负值
3 模糊程度数字px
4 阴影颜色三色取值法。向方框添加一个或多个阴影。

`<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
		   
		  #a{
		  	background-color: #FF4500;
		    border-top-left-radius:100%;
		    box-shadow:6px 6px 10px #CECECE;

		  }
		  #b{
		    background-color: #FFFF00;
		    border-top-right-radius:100%;
		    box-shadow:8px 8px 8px #CECECE;
		  }
		  #c{
		    background-color: #0000FF;
		    border-bottom-left-radius:100%;
		    box-shadow:8px 8px 10px #CECECE;
		  }
		  #d{
		  	background-color: #FFA600;
		  	border-bottom-right-radius:100%;
		  	box-shadow:8px 8px 8px #C6C3C6;
		  }
		 
		</style>
		<!--<link rel="stylesheet" type="text/css" href="css/123.css"/>-->
	</head>
	<body>
		<table   width="200" height="200" cellspacing="6" >
			<tr>
				<td id="a"></td>
				<td id="b"></td>
			</tr>
			<tr>
				<td id="c"></td>
				<td id="d"></td>
			<li></tr></li>
		</table>
	
	</body>
</html>

IvyGreen_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用表格做出的阴影扇形图

笔记：box-shadow 1 2 3 41水平阴影的位置数字px 可为负值2 垂直阴影的位置数字px 可为负值3 模糊程度数字px4 阴影颜色三色取值法。向方框添加一个或多个阴影。`<!DOCTYPE html><html> <head> <meta charset="UTF-8">...
复制链接

扫一扫