html打对勾的样式,纯CSS写的对勾样式

& .cicle{

position: relative;

float: right;

margin-right: -1rem;

vertical-align: middle;

width: 1.4rem;

height: 1.4rem;

border: 1px solid #3399ff;

border-radius: 50%;

}

& .select:after {

content: '\00a0';

display: inline-block;

border: 2px solid #3399ff;

border-top-width: 0;

border-right-width: 0;

width: 9px;

height: 5px;

-webkit-transform: rotate(-50deg);

position: absolute;

top:3px;

left:2px;

}

纯css写带小三角对话框

在实际样式中经常会遇到要写类似对话框的样式,而这种样式往往会有一个小三角,如下所示: 那么如何用css写出来呢,其实很简单,先让父元素相对定位,然后运用css的伪类before或after.就可以写个 ...

纯CSS写三角形-border法

(1)有边框的三角形 我们来写下带边框的三角形. 如果是一个正方形,我们写边时,会用到border,但我们这里讨论的三角形本身就是border,不可能再给border添加border属性,所以我们需要 ...

教你两招用纯CSS写Tab切换

说到Tab切换,你可能首先想到的就是使用jQuery,短短几行代码就可以轻松搞定一个Tab切换. 而今天所要分享的,是使用 0 行JS代码来实现Tab切换! 具体效果如下:   Tab切换 方法一:模 ...

纯CSS实现加载转圈样式

不同的项目中对于等待加载时转圈圈的样式是不同的,有的是传统的转圈的gif图片,见得比较多的是将转圈圈的换成了可爱的图标.有时候项目中加入等待加载的图片会很违和,不符合美观,所以需要用CSS做一个.下面 ...

纯CSS打造好看的按钮样式

好看的按钮.链接.div样式,效果预览: http://hovertree.com/code/run/css/s8o19792.html 发现今天积分和排名不错: 代码如下: ..

还在为小三角形切图？使用纯CSS写一个简单的三角形

同学们,当美工给的设计图是这样: 或者这样: 我的内心其实是拒绝的-_-:但工作还得干,大部分同学会写

纯CSS写九宫格样式，高宽自适应正方形

    

              ...

拓展-教你手把手用纯CSS写轮播图

先看成品图[示例网址:][1] [1]: https://huruji.github.io/css-imitate-js/slider/index.html一.随便说几句####css3动画效果的强大 ...

用纯css写出三角形

1.新建一个元素,随便什么元素,不过我习惯性的会用块元素来做.如果行内元素就display:block它.

& ...

随机推荐

又见SpringMVC

一.如何让一个普通类成为Controller? 方案一:实现接口Controller解析:handleRequest(request,response) 方案二:继承AbstractControlle ...

使用Free Spire.XLS插入图表

使用Free Spire.XLS插入图表 前言 最近在研究Office中间件,上网搜索了下,比较出名的有两个:Aspose和Spire,两者功能齐全,对Office的支持趋近完善,但售价不菲.仔细搜索 ...

java的基本数据类型有八种：

1)四种整数类型(byte.short.int.long):    byte:8 位,用于表示最小数据单位,如文件中数据,-128~127    short:16 位,很少用,-32768 ~ 327 ...

js判断移动终端url跳转

CODE //判断终端url跳转 function sp_isMobile() { return Boolean(navigator.userAgent.match(/. ...

BZOJ 1607: [Usaco2008 Dec]Patting Heads 轻拍牛头 筛法

1607: [Usaco2008 Dec]Patting Heads 轻拍牛头 Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://www.lyds ...

C# 使用xsd文件验证XML 格式是否正确

C# 使用xsd文件验证XML 格式是否正确 核心示例代码: //创建xmlDocument XmlDocument doc = new XmlDocument(); //创建声明段 如<?xm ...

Oracle 11g R2安装手册&lpar;图文教程&rpar;For Windows

1.Oracle 11g R2安装手册(图文教程)For Windows 1.下载Oracle 11g R2 for Windows版本,下载地址如下 官方网站: http://download.or ...

mac下redis安装、设置、启动停止

下载安装 需要下载release版本,下载地址: http://download.redis.io/releases/ 我这里下载的是: http://download.redis.io/releas ...

&lbrack;LeetCode&rsqb; Brick Wall 砖头墙壁

There is a brick wall in front of you. The wall is rectangular and has several rows of bricks. The b ...

【线段树】【BZOJ1798】【AHOI2009】维护序列

还是那个学弟@lher出的丧题之一. 链接:http://www.lydsy.com/JudgeOnline/problem.php?id=1798 题意简析:就是题目啊... 解题思路:显然是线段树 ...