CSS那些不大不小的事

记录一些CSS相关的基础的常用的小东西，持续更新

利用特殊字符+伪类content定义图标

	/* css */
	div{
		border-radius:50px;
		border:1px red solid;
		width:15px;
		height:15px;
		text-align:center;
		line-height:15px;
	}
	div:after{
		content:"\2764";
		color:#a2b6c5;
		font-size: 12px;
		color:red;
	}
	/* html */
	<div></div>

如何实现文本溢出居中？？？

box-shadow阴影

box-shadow: h-shadow v-shadow (blur spread color inset); /常见1/
box-shadow: offset-x offset-y (blur-radius spread-radius color inset); /常见2/
阴影：水平偏移 垂直偏移 （模糊程度 扩展大小 颜色 内外方式） /括号内是可选/

div{
	width:200px;
	height:200px;
	/*按单边写*/
	box-shadow:    0px 10px 0px 0px red,   /*上*/
	               10px 0px 0px 0px blue,   /*左*/
	               10px 0px 0px 0px yellow,    /*右*/
	               0px 10px 0px 0px purple;    /*下*/
	/*按整体写*/
	box-shadow:0px 0px 10px 50px red;
}

去掉饶头理论来看实际效果：div是为200px200px的正方形，在XY都不发生任何偏移的情况下，各边的阴影会有10+50的大小。实际效果看来就是（div+阴影）320px320px的大小：阴影实际效果各边看来就是，50px的实心阴影+10px逐渐虚化的阴影。其实以此类推，理论上就可以做出绝大多数的阴影样式了。多尝试。

跳转QQ

<a href="tencent: