html学习笔记-用代码画皮卡丘

效果图

练习代码

.face {width: 600px;height: 320px;background: #FEE443;position: relative;
}.eye {width: 60px;height: 60px;border-radius: 100%;background: #222;position: absolute;
}.eye-l  {left: 105px;top: 100px;
}.eye-r  {right: 105px;top: 100px;
}.eye .bright {width: 30px;height: 30px;position: absolute;background: #fff;border-radius: 50%;
}.norse  {width: 0px;height: 0px;border: 18 px solid #000;border-radius: 50%;transform: translateX(-50%);left: 50%;top: 52%;border-color: #000  #a9505000 transparent;position: absolute;
}.lip-l  {width: 50px;height: 50px;border: 4 px solid #000;position: absolute;background: red;border-radius: 50%;top: 66%;left: 10%;
}.lip-r  {width: 50px;height: 50px;border: 4 px solid #000;position: absolute;background: red;border-radius: 50%;top: 66%;right: 10%;
}.mouth {overflow: hidden;width: 150px;height: 60px;background: transparent;position: absolute;left: 50%;bottom: 10%;margin-left: -68px;
}.mouth .a  {top: -30px;position: absolute;width: 60px;height: 60px;border: 6 px solid #222;border-radius: 50%;
}.mouth .b  {top: -30px;position: absolute;left: 65px;width: 60px;height: 60px;border: 6 px solid #222;border-radius: 50%;
}

html：

主要还是绝对定位还有圆角属性，比较基础，不喜勿喷。

html学习笔记-用代码画皮卡丘相关推荐

python简单代码画皮卡丘-实现童年宝可梦，教你用Python画一只属于自己的皮卡丘...
原标题:实现童年宝可梦,教你用Python画一只属于自己的皮卡丘大数据文摘出品作者:李雷.蒋宝尚还记得小时候疯狂收集和交换神奇宝贝卡片的经历吗? 还记得和小伙伴拿着精灵球,一起召唤小精灵的中二模 ...
python简单代码画皮卡丘-用python画一只可爱的皮卡丘
#!/usr/bin/env python # -*- coding:utf-8 -*- from turtle import * ''' 绘制皮卡丘头部 ''' def face(x,y): &qu ...
python简单代码画皮卡丘-用python画一只可爱的皮卡丘实例
效果图 #!/usr/bin/env python # -*- coding:utf-8 -*- from turtle import * ''' 绘制皮卡丘头部 ''' def face(x,y): ...
python代码画皮卡丘_程序员式优雅表白，教你用python代码画爱心
还能用python代码画爱心?还有这种操作?这是什么原理? 不相信python代码可以画爱心?先来一张效果图来看看效果吧! PyCharm pro Mac-PyCharm pro for Mac( P ...
几行Python代码画皮卡丘
导语: 哈喽吖~ 小编相信大家都不会拒绝一只会皮卡皮卡!皮卡丘~的小可爱吧,今天小编用python给大家码一个
python简单代码画皮卡丘-利用Python绘制萌萌哒的皮卡丘
开发工具 Python版本:3.6.4 运用的一些简单的算法注:想学习Python的小伙伴们可以进群:984632579 领取从0到1完整学习资料视频源码精品书籍一个月经典笔记和99道练 ...
python代码画皮卡丘_Python气象绘图实例我们一起画台风(代码+数据)
前段时间袭击中国的超强台风"利奇马",以及这两天袭击美国的五级飓风"多利安",让我们感受到了大自然的力量.所以,今天分享一个简单的Python实例,也算是延续前 ...
python的皮卡丘如何写代码,用python画皮卡丘的代码
python皮卡丘编程代码 import turtledef getPosition(x, y): (x) (y) print(x, y)class Pikachu: def __init__(sel ...
怎么用python画一个皮卡丘,用python画皮卡丘的代码
python皮卡丘编程代码 import turtledef getPosition(x, y): (x) (y) print(x, y)class Pikachu: def __init__(sel ...

html学习笔记-用代码画皮卡丘

html学习笔记-用代码画皮卡丘相关推荐

最新文章

热门文章