
当一个定义了宽度的块状元素中填充的全部为纯英文或者纯数字的时候,在IE和FF中都会撑大容器,不会自动换行 并且当数字或者....
先看看静态的效果,运行后的效果更好示例代码如下css3学习.d{width: 200px;height: 200px;border-radius: 50%;border: 2px s....
以下是常用的三角形形状其实都是html+css就能实现,很简单 代码如下: 第一种方法 html代码:复制代码代码如下: css代码复制....
直接进入主题! 一、脱离文档流元素的居中 方法一:margin:auto法 CSS代码:div{width: 400px;height: 400px;position: rela....
一、自适应椭圆border-radius特性:可以单独指定水平和垂直半径,并且值可以是百分比,用/(斜杠)分隔这两个值即可(可以实....
平常我们要实现倒影的效果,一般的做法是使用多个DOM元素绝对定位+scale(负-1)或者rotate。这种方法的缺点是占据空间以及DOM....
前言 css的设计之巧妙,实现之精妙,细细寻味,其妙非凡,妙不可言。这波浪线,取巧的运用了linear-gradient属性,合角度、....
废话不多说了,直接给大家贴代码了。具体代码如下所示: 1.DIV 自动滚动2.滚动条颜色scrollbar-3d-light-color 设置或检索滚....
透明往往能产生不错的网页视觉效果下面是兼容主流浏览器的CSS透明代码。CSS Code复制内容到剪贴板transparent_class { ....
CSS3的透明度属性opacity想必大家都已经用的无处不在了。而对于不支持CSS3的浏览器如何进行透明处理,保持浏览器效果的一致....
居中是我们使用css来布局时常遇到的情况。使用css来进行居中时,有时一个属性就能搞定,有时则需要一定的技巧才能兼容到所有....
无需JS和jQuery代码实现CSS3鼠标浮动放大图片.box {width: 480px; height: 250px;position: relative;overflow: hidden;curs....
首先来看看要实现的效果图实现方法如下 我首先想到的是border属性,可是border属性不能设置长度。如果用border实现,需要用....
这篇文章给大家分享了多个关于IE6下兼容性的常见问题,有需要的朋友们下面来一起学习学习吧。 常见问题一:在Ie6下,内容会....
text-align:justify与text-align-last:justify 1.text-align MDN中这样介绍到:“text-align CSS属性定义行内内容(例如文字....
今天分享一个用纯CSS实现的3D按钮。 css巧妙利用了box-shadow来实现3D物体的立体感,当按钮按下的时候再去修改box-shadow和t....
心血来潮,想学学 material design 的设计风格,就尝试完成了一个登录页面制作. 这是整体效果.感觉还不错吧,结尾会附上代码 在....
前言 其实在CSS中的Zoom这个属性一般不为人知,甚至有些CSS手册中都查询不到。其实Zoom属性是IE浏览器的专有属性,Firefox等....
在了解box-sizing之前,让我们来稍稍回顾一下盒子模型,模型分为:标准盒模型+IE盒模型。那这有什么区别呢?见图所示: 从上....
一、Float的特性 1. 应用于文字围绕图片 2. 创建一个块级框 3. 多列浮动布局 4. 浮动元素的宽度、高度自适应,但可以设置其....