用css画出一个圆圈,里面有个叉号(不能用英文字母x)
用css画出一个圆圈,里面有个叉号(不能用英文字母x)
#cyc {width: 150px;height: 150px;margin: 100px auto;border-radius: 50%;border: 5px solid #000000;position: relative;}#cyc::before {content: "";display: block;width: 100px;height: 20px;background: #000;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);}#cyc::after {content: "";display: block;width: 100px;height: 20px;background: #000;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(-45deg);}
个人简介
我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题
用css画出一个圆圈,里面有个叉号(不能用英文字母x)相关推荐
- [css] 用css画出一个圆圈,里面有个对号
[css] 用css画出一个圆圈,里面有个对号 #right {width: 150px;height: 150px;margin: 100px auto;border-radius: 50%;bor ...
- [css] 用CSS画出一个任意角度的扇形,可以写多种实现的方法
[css] 用CSS画出一个任意角度的扇形,可以写多种实现的方法 先画一个圆,外加两个绝对定位的半圆 扇形可以通过两个半圆作为遮罩旋转来露出相应的角度实现 这只能切出180°以内的扇形 超过180°的 ...
- [css] 使用css画出一个五角星
[css] 使用css画出一个五角星 #star-five {margin: 50px 0;position: absolute;display: block;color: red;width: 0; ...
- 用HTML+CSS画出一个同心圆
参加web前端校招的同学们经常会遇到这样的面试题:用HTML+CSS画出一个同心圆. 例如: 这道题主要考验的是基础盒模型布局能力和倒圆角属性的巧用. 1.html代码 [html] view pla ...
- Web 利用纯html和css画出一个android机器人
Android机器人 这个小项目是为了熟悉border-radius 圆角边框 参考文档 border-radius 源代码 <style>.robot{width: 500px;heig ...
- php绘制一个三角形,如何利用css或html5画出一个三角形?两种不同的制作三角形方法(代码实例)...
我们在平时的前端开发的时候,有时候是需要一些小图形来丰富一下页面效果,比如:下拉列表的倒三角图形.那么这样的一个三角形是如何制作出来的,本章给大家介绍如何利用css或html画出一个三角形?两种不同的 ...
- [css] 用css3画出一个立体魔方
[css] 用css3画出一个立体魔方 <!DOCTYPE html> <html> <head><meta charset="utf-8" ...
- h5画三角形_如何利用css或html5画出一个三角形?两种不同的制作三角形方法(代码实例)...
我们在平时的前端开发的时候,有时候是需要一些小图形来丰富一下页面效果,比如:下拉列表的倒三角图形.那么这样的一个三角形是如何制作出来的,本章给大家介绍如何利用css或html画出一个三角形?两种不同的 ...
- 运用html画一个三角形,利用css或html5画出一个三角形的方法
利用css或html5画出一个三角形的方法 发布时间:2020-09-14 14:49:22 来源:亿速云 阅读:83 作者:小新 这篇文章主要介绍利用css或html5画出一个三角形的方法,文中介绍 ...
最新文章
- 刚刚,百度宣布王海峰升任CTO
- 2020年春天故事之巧遇史上最奇葩SAP用户
- memcached缓存失效时的高并发访问问题解决
- java项目实现流水号自动增长
- C++ 使用dynamic_cast执行基类向派生类的转换
- Linux正则表达式判断是否是数字示例
- FastJson之有道翻译
- docker启动失败,报docker dead but pid file exists,处理方式
- C/C++中NULL指针
- 前端学习(1414):ajax基础
- python的request请求401_Python模拟HTTPS请求返回HTTP 401 unauthorized错误
- selenium-04-验证码问题
- 吴恩达深度学习4.2练习_Convolutional Neural Networks_Residual Networks
- 黑白染色——封锁阳光大学
- [bzoj1055][HAOI2008]玩具取名
- 爬取人民日报_抓取人民日报
- 【人工翻译线代教材】Introduction to Linear Algebra BY Gilbert Strang【MIT】【线代】【翻译】
- 《代码的未来》读书笔记
- BlumNet: Graph Component Detection for Object Skeleton Extraction阅读笔记
- 干支纪年法简便算法_电子工程师笔记,常用的C语言算法总结,值得转发收藏...