css
文章平均质量分 87
iteye_5246
这个作者很懒,什么都没留下…
展开
-
【转载】CSS圆角按钮(一)
效果图:[笔者测试通过。IE6,7,8,火狐] 第一章、基本的圆角框 实现原理: 纯CSS方式实现圆角框的原理在网络上已经有很多人详细解说了,下面这个示意图是我将其中的一个圆角进行放大后的效果。 从上面效果图中我们可以看到其实这种圆角框是靠一个个容器堆砌而成的,每一个容器的宽度不同,这个宽度是由margin外边距来实现的,如:margin:0 5px;就是左右两侧的外边距5像素,从上...原创 2012-06-13 21:17:37 · 171 阅读 · 0 评论 -
【转载】透明圆角化背景图片(二)
第二章、透明圆角化背景图片 在上面的案例中,我只给出最为原始的圆角框模型,它还是存在一些不足之处。比如不能将图片应用到圆角框内。而在本例中,我会在上面的基础上作出一些创新。就是将背景图片也圆角化,好像目前在网络上还没有这样的功能应用,我只见过用js方式来实现的,可以参看我的《超圆滑圆角框的半完美解决方案》一文中后面几种JS方案。但是纯CSS方式的实现可是我独家所创,如有雷同,只能说英雄所见略同。...原创 2012-06-13 21:30:08 · 107 阅读 · 0 评论 -
【转载】CSS圆角化图片(三)
第三章、圆角化图片 在前面一篇文章中,我们将一张上下渐变的的图片作为标题的背景,并将它应用了圆角效果。是不是这种圆角框只能用于比较单调的图片呢?我们还能将一些颜色比较丰富的图片也进行透明圆角化吗? 答案是肯定的,下面看看它的终极功夫。 还是先看最终效果图吧! 看到了吧,这就是用纯CSS实现的圆角化图片,为了能看到透明化的效果,我特意应用了一个背景图片,你可以下载本模型到你的电脑...原创 2012-06-13 21:36:26 · 137 阅读 · 0 评论 -
【转载】CSS圆角框组件
第四章:CSS圆角框组件 V1.0 前序:本来前三篇文章已经将CSS圆角框讲解完毕,但从网友反馈中,都说到不好使用,因此有了这篇文章,本文主要是将前面的结果总结修订后进行JS封装,方便调用。 在本次封装中,增加了对真正img标签引用的图片实现圆角化,之前的圆角图片大多是基于背景图片的,因为纯css无法实现img图片的圆角,有了js的加入,就变成可能了。并且在这次封装过程中修正了上次的背景图片下...原创 2012-06-13 21:50:33 · 90 阅读 · 0 评论 -
【转载】CSS布局
本文转载:转载连接: http://bbs.blueidea.com/thread-2678770-1-1.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html x...原创 2012-06-13 22:11:42 · 79 阅读 · 0 评论