css绘图（上）：教你用CSS做一个吃豆人！！！-白红宇

css绘图（上）：教你用CSS做一个吃豆人！！！

阅读量：404 次

发布时间：2019-03-05

本文共 118 字，大约阅读时间需要 1 分钟。

教你用CSS做一个吃豆人！！！

不用ps，就用css绘制一个图形。

如图：

在这里插入图片描述

其实很简单，设置一个盒子的宽高为零，然后设置他周围的外边框的像素为合适的值，然后再用圆角让他变成一个圆，再然后设置左边框为透明属性，就可以得到如图。

代码如下：

在这里插入图片描述

转载地址：http://spgwz.baihongyu.com/

你可能感兴趣的文章

MySQL 中日志的面试题总结

mysql 中的all,5分钟了解MySQL5.7中union all用法的黑科技

Mysql 中的日期时间字符串查询

MySQL 中锁的面试题总结

MySQL 中随机抽样：order by rand limit 的替代方案

MySQL 为什么需要两阶段提交？

mysql 为某个字段的值加前缀、去掉前缀

mysql 主从 lock_mysql 主从同步权限mysql 行锁的实现

mysql 主从互备份_mysql互为主从实战设置详解及自动化备份(Centos7.2)

mysql 主从关系切换

mysql 主键重复则覆盖_数据库主键不能重复

Mysql 优化 or

mysql 优化器 key_mysql – 选择*和查询优化器

MySQL 优化：Explain 执行计划详解

Mysql 会导致锁表的语法

mysql 使用sql文件恢复数据库

mysql 修改默认字符集为utf8

Mysql 共享锁

MySQL 内核深度优化