《CSS3 入门教程系列》前一篇文章详细介绍了 CSS3RGBA特性的用法,今天这篇文章我们在一起来看看CSS3中用于实现圆角效果的border-radius属性的具体用法。 以前制作圆角效果,我们都需要使用多张圆角图片做为背景分别应用到每个角上,我应用最多的就是在需要圆角的元素标签中加四个空标签....
分类:
Web程序 时间:
2015-11-17 12:55:24
阅读次数:
201
圆角效果使人感觉网页更加协调美观,ie9、Opera 10.5、Safari 5、Chrome 4和Firefox 4及其以上版本都添加了对css3的支持,这让我们领略到了css3的强悍。传统的圆角生成方案,必须使用多张图片作为背景图案。css3的出现,使得我们再也不必浪费时间去制作这些图片了,而且...
分类:
Web程序 时间:
2015-11-15 19:13:15
阅读次数:
190
CSS3圆角边框实例:<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<title>CSS3圆角边框</title>
<style>
div{
text-align:center;
border:2pxsolid#a1a1a1;
padding:10px40px;
background:#dddddd;
width:350px;
border-rad..
分类:
Web程序 时间:
2015-10-15 16:23:52
阅读次数:
145
在做网页的时候,常常需要实现圆角,以前的做法就是切图,现在好了,有了css3的border-radius特性之后,实现边框圆角效果就非常简单了,而且其还有多个优点:一是减少网站维护工作量;二是提高了网站的性能,少了对图片的 HTTP 的请求,网页载入速度将变快;三是增加视觉美观性。border-ra...
分类:
Web程序 时间:
2015-09-23 00:55:28
阅读次数:
305
兼容所有浏览器的CSS3圆角解决CSS3圆角兼容所有浏览器的方法。本文提到了一种很不错的实现跨浏览器圆角的解决方案,但是说的不够全面,前端观察最近将整理更多更全面的资源给大家,敬请期待。 译:前一段时间,我经常收到一个关于如何在IE浏览器中使用CSS3的border-radius属性实现圆角HTML...
分类:
Web程序 时间:
2015-08-20 18:33:05
阅读次数:
125
原文:纯代码利用CSS3 圆角边框和盒子阴影 制作 iphone 手机效果大家好,我是小强老师。 今天我们看下CSS3最为简单的两个属性。 css3给我们带来了很多视觉的感受和变化,以前的图片做的事情,很多代码都能实现。 下面给大家简单介绍两种最为常见的圆角边框和盒子阴影,同时附上一个iphone ...
分类:
移动开发 时间:
2015-08-17 16:56:27
阅读次数:
148
大家好,我是小强老师。 今天我们看下CSS3最为简单的两个属性。 css3给我们带来了很多视觉的感受和变化,以前的图片做的事情,很多代码都能实现。 下面给大家简单介绍两种最为常见的圆角边框和盒子阴影,同时附上一个iphone 手机效果,提供大家练习。1.border-radius圆角矩形语法格式:....
分类:
移动开发 时间:
2015-08-17 13:39:44
阅读次数:
256
资料参考 :http://www.codefans.net/jscss/code/4273.shtml 豆豆豆豆度 ...
分类:
Web程序 时间:
2015-07-28 20:19:16
阅读次数:
132
绘制一个圆角边框的示例.div{ border: solid 5px blue; border-radius: 20px; -moz-border-radius:20px; -o-border-radius: 20px; -webkit-border-radius:20px; backg...
分类:
Web程序 时间:
2015-07-06 14:00:29
阅读次数:
147
CSS3+jquery实现圆角选项卡,鼠标点击时候才切换的那种选项卡,无图片修饰,全部代码写出来的,基于CSS3技术,测试请用火狐。IE8下看不到圆角效果。
分类:
Web程序 时间:
2015-06-02 16:56:34
阅读次数:
113