用css画一个原型里有一个对号或者叉叉的图标

用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>用css画一个圆形里有一个对勾或者叉叉的图标</title><style>.checkmark {width: 40px;height: 40px;border-radius: 40px;background: #009933;display: inline-block;position: relative;}.checkmark:before,.checkmark::after {content: "";height: 28px;width: 6px;border-radius: 10px;display: block;background: white;position: absolute;top: 6px;/*40-6=34*/left: 20px;/*make the two rects in the middle of the cycle */transform: rotate(45deg);-ms-transform: rotate(45deg);}.checkmark::before {height: 15px;transform: rotate(-45deg);-ms-transform: rotate(-45deg);position: absolute;top: 18px;/*40-18=12  */left: 8px;}.fork {width: 40px;height: 40px;border-radius: 40px;background: red;display: inline-block;position: relative;}.g-right {display: inline-block;width: 30px;height: 4px;background: #fff;line-height: 0;font-size: 0;vertical-align: middle;-webkit-transform: rotate(45deg);position: absolute;top: 16px;left: 5px;}.g-right:after {content: "/";display: block;width: 30px;height: 4px;background: #fff;-webkit-transform: rotate(-90deg);}</style>
</head><body><div class="checkmark"></div>//对号<div class="fork">//叉叉<div class="g-right"></div></div>
</body></html>

用css画一个原型里有一个对号或者叉叉的图标相关推荐

html中怎么设置input的背景颜色,css里我们选中一个div里的一个input设置背景色
new_object_ 楼主问的是静态的设置背景色还是选中了input后变色?如果是保持颜色则如楼上所述,通过选择器设置input的css样式即可:div input { background-col ...
Python 调用另一个模块里的全局变量
在项目中遇到了一个这样的小问题:在主程序里定义了一个全局变量,编写了一堆函数放到了另外几个.py文件里,然后想在放函数的.py文件里调用全局变量,发现调用不了. 我自己的项目里是一个UI界面的问题,对 ...
前端之使用CSS画三角形
在网页中如果需要一个三角形的图标,这时如果使用图片或字体图标可能会过于麻烦,这时候,利用CSS也可以轻松解决这个问题: 1.利用CSS画直角等腰三角形想要使用css画三角形,首先需要定义一个没有宽度 ...
css html弄出哆啦a梦,用css画一个哆啦A梦
原图: 效果图: 虽然说没用啥什么高级的技巧,但这让我感受到了CSS的乐趣! 好好学习,天天向上! body{ background-color: #66B3FF; height: 300px; ov ...
如何用 css 画一个心形
如何用 css 画一个心形 (How to draw hearts using CSS) 用两个长方形切圆角倾斜位移并合并为一个心形第一步画一个长方形 (Draw a rectangle) 这个长 ...
[css] 用css画一个太阳
[css] 用css画一个太阳 // css.sun {margin: 200px;width: 200px;height: 200px;border-radius: 50%;background: ...
[css] 用CSS画出一个任意角度的扇形，可以写多种实现的方法
[css] 用CSS画出一个任意角度的扇形,可以写多种实现的方法先画一个圆,外加两个绝对定位的半圆扇形可以通过两个半圆作为遮罩旋转来露出相应的角度实现这只能切出180°以内的扇形超过180°的 ...
[css] 请使用css画一个圆，方法可以多种
[css] 请使用css画一个圆,方法可以多种 <div class="circle"></div>1.border-radius.cirlce{width ...
[css] 使用css画出一个五角星
[css] 使用css画出一个五角星 #star-five {margin: 50px 0;position: absolute;display: block;color: red;width: 0; ...

用css画一个原型里有一个对号或者叉叉的图标

用css画一个圆形里有一个对勾或者叉叉的图标

用css画一个原型里有一个对号或者叉叉的图标相关推荐

最新文章

热门文章