博客
关于我
css绘图(上):教你用CSS做一个吃豆人!!!
阅读量:404 次
发布时间:2019-03-05

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

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

不用ps,就用css绘制一个图形。
如图:
在这里插入图片描述
其实很简单,设置一个盒子的宽高为零,然后设置他周围的外边框的像素为合适的值,然后再用圆角让他变成一个圆,再然后设置左边框为透明属性,就可以得到如图。
代码如下:
在这里插入图片描述

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

你可能感兴趣的文章
Neo图数据库与python交互
查看>>
NEO改进协议提案1(NEP-1)
查看>>
Neo私链
查看>>
NervanaGPU 项目使用教程
查看>>
Nerves 项目教程
查看>>
nessus快速安装使用指南(非常详细)零基础入门到精通,收藏这一篇就够了
查看>>
Nessus漏洞扫描教程之配置Nessus
查看>>
Nest.js 6.0.0 正式版发布,基于 TypeScript 的 Node.js 框架
查看>>
nested exception is org.apache.ibatis.builder.BuilderException: Error parsing Mapper XML.
查看>>
nestesd exception is java .lang.NoSuchMethodError:com.goolge.common.collect
查看>>
nestJS学习
查看>>
net core 环境部署的坑
查看>>