HTML_CSS_JAVASCRIPT学习——利用html和css画图

三个胖子

于 2018-04-08 15:14:07 发布

阅读量864

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML_CSS_JAVASCRIPT学习

本文链接：https://blog.youkuaiyun.com/qq_37656219/article/details/79851805

本文介绍了如何使用HTML和CSS来画图，通过一个简单的实例展示了如何创建一个特殊的图案，强调了CSS在UI实现中的重要性，提倡避免过度依赖JavaScript，以保持代码整洁并提升团队协作效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

呃，最近事情有点多。开始有一些新的单子要准备。所以没怎么写博客，我的锅。其实我发现，作为一名学生程序员，接那么多单子并不是什么好事，因为会失去进一步学习的时间。要不是为了筹钱留学，我也不想这样整体跑来派去签合约谈项目。学生还是应该有学生的样子

好吧，废话不多说，开始新的内容。这次开了一个新的板块，关于html和css和JavaScript的。这一篇是要用html和css画一个特别的图案。

直接上代码。

<html>
	<head>
		<title>DRW</title>
		<style>
			.container{
				width:10vw;
				height:10vw;
				margin:0px;
				padding:0px;
				border:solid 1px black;
			}

			.line{
				width:0;
				height:10vw;
				border:solid 1px black;
				margin-left:5vw;
				float:left;
			}

			.circle{
				width:5vw;
				height:5vw;
				border-radius:50%;
				border:solid 1px black;
				background-color:white;
				margin-left:2.5vw;
				margin-top:2.5vw;
				position:relative; 
				z-index:99999
			}

			.check_icon{
				border-bottom:1px solid black;
				border-right:1px solid