css 简单写出咸蛋超人

咸蛋超人，越看越不像，哈哈哈哈哈哈哈

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>#div1{width: 194px;height: 220px;border: 3px solid #000;border-radius: 50%;margin: 80px 20px;}#div2{width: 30px;height: 135px;border: 3px solid #000;background-color: red;/* border-bottom-left-radius: 0px;border-bottom-right-radius: 0px ;*/border-radius: 74%;border-top-left-radius: 17px;border-top-right-radius: 17px; margin-left: 83.5px;margin-top: -35px;}#div3,#div4{width: 40px;height: 40px;border: 3px solid #000;border-radius: 50%;background-color:#fefe00;}#div3{margin-left: 22px;margin-top: -29px; }#div4{margin-left:109px;margin-top: -2px; }#div5{width: 80px;height: 30px;border:5px solid #000;margin-left:60px;margin-top: 39px;border-radius: 60%;border-left:0;border-right: 0;border-bottom: 0;/* border-top-left-radius: 17px;border-top-right-radius: 17px;  */}</style>
</head>
<body><img src="2.jpg" alt=""><div id="div1"><div id="div2"> </div><div id="div3"> <div id="div4"></div></div><div id='div5'></div></div>
</body>
</html>

css 简单写出咸蛋超人相关推荐

【技能】使用纯CSS+html写出方向箭头，简单大方，好看
使用纯CSS+html写出方向箭头,贴出来就可以用,100%原创 <html><head><title></title><meta http-eq ...
CSS样式写出三角形
CSS样式写出三角形的样式,在这里只举出两个例子,三角形朝上和三角形朝下,还有左上,左下,右上,右下.有需要或者感兴趣的可以自己调一下代码.调border的top.bottom.left.right的 ...
larvel php restful_Laravel教你简单写出专业的RestfulAPI
下面由Laravel教程栏目给大家介绍Laravel写出专业的RestfulAPI的方法,希望对需要的朋友有所帮助! Laravel教你简单写出专业的URL 引言在我们连接了数据库,并且使用迁移功能 ...
[css] 请写出:link、:visited、:hover、:active的执行顺序
[css] 请写出:link.:visited.:hover.:active的执行顺序 :link未访问链接:visited已访问的链接:hover鼠标悬停:active鼠标按下顺带一提,可交互式的组 ...
[css] 请写出font属性的快捷写法
[css] 请写出font属性的快捷写法 p { font:italic bold 12px/20px arial,sans-serif; } 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很 ...
css边框三角形怎么用css样式写出三角形 css三角形怎么实现消息框
css实现边框三角形这里我就用css样式写一个下三角的样式其它方向一样只需要给不想要显实的边框设置透明色即可 div{height: 0; width: 0;border-top: 20px s ...
CSS如何写出圆圈1（详细）
首先,例子一: 效果如图所示: 其次,html代码如下: <ul><li><b>1</b> 专注与护法生长咋的疤痕v的撒v</li> < ...
纯CSS代码写出各种不规则的形状图形
做网页设计时经常要用到各种形状的图形,对于规则的图形很简单,但是对于不规则的图形,一般我们都是用图片来切图实现.不过今天新起点博客给大家分享几十种看似简单却又非常强大的纯CSS绘制的图形,里面有最简单 ...
做一篇美篇的计算机基础知识,怎么制作美篇-4个方法教你简单写出原创文章
原创文章受搜索引擎青睐许多人知道,可是一个人写原创文章不容易,脑力有限,点子又怕重复,绞尽脑汁也觉得写不好.其实,对于写原创文章,我们也可以走走"捷径",让搜索引擎盯上我们的网站. ...
如何用 CSS 中写出超级美丽的阴影效果！
在我看来,最好的网站和Web应用程序对它们具有切实的"真实"质量.实现这种质量涉及很多因素,但阴影是一个关键因素. 然而,当我环顾网络时,很明显,大多数阴影并不像它们所希望的那样丰 ...

css 简单写出咸蛋超人

css 简单写出咸蛋超人相关推荐

最新文章

热门文章