css3.0:Outline

css3.0:Outline—外边框

outline(外边框)的功能在css3中得到了新的扩展,其属性outline-offset可以让外边框远离容器边缘,即可以调整外框与容器边缘的距离,还是来个例子比较好说明他的特性。目前只有Opera,Safari 和 Firefox支持。

html代码: <div>outline示例:目前只有Opera, Safari 和Firefox支持</div>

css代码: .outline {

outline-offset: 12px;

outline: 2px solid blue;

border:2px solid red;

width:100px;

height:100px;

}

css3.0:Outline

效果如下:

outline示例:目前只有Opera, Safari 和 Firefox支持

在opera、safari和firefox的浏览器中,能看到指定容器是红色的,容器的外框是蓝色的,容器与外边框之间的距离就是12px。呵呵,好了!

  

爱华网本文地址 » http://www.aihuau.com/a/25101011/55964.html

更多阅读

转帖 魔兽6.0:单刷坐骑哪家强

时间不知不觉中一周一周就过去了,眼看新cd就要刷新了,繁忙的日常又要来临。魔兽中,单刷也是玩家一大乐趣.坐骑向  最简单拿到的龙,对于新手可以刷一下,必出。净化斯坦索姆:青铜幼龙。  还有必出的是黑曜石圣殿的掉落的:10人[黑色幼龙

css3.0:border-radius 圆角边框 linearlayout圆角边框

在css3.0中,又添加了一个新的属性border-radius,使用border-radius这个属性可以实现圆角边框的效果。除IE和遨游外,目前有Firefox,Safari,Chrome,Opera支持该属性,其Safari,Chrome,Opera是支持最好的,依照了w3c的标准,仅仅使用border-radius,就

CSS3.0一步一步应用系列之三:透明度Opacity

题外话:春节过去了,新年新气象,看看书学学习,写写东西,早日进入正常的工作状态。今年太多的期望需要付诸努力去实现。加油!转入正题啦~~~~~CSS opacity这些年已经成为一种技术的趋势,让opacity在跨浏览器中兼容,也困扰着开发人员。今天这

人立方2.0:众人拾柴火焰高

编者按:有人的地方就有江湖。随着社会化计算实验系统微软人立方2.0的推出,人物搜索的江湖变得越来越热闹了。所谓众人拾柴火焰高,新版本添加更多新功能,聚集大众的力量,实现互联网知识的整理。作者:微软人立方研发团队由微软亚洲研究院

互联网思维2.0:向来缘浅,奈何情深!

面对互联网焦虑笼罩下的整个商界,对于不少传统企业而言与其坐而待毙,不如揭杆而起!笔者闭门数月,在对100多位互联网大佬(如:曾鸣、陈春花、张亚勤、KK)等关于互联网思维以及互联网转型研究的基础上,万万没想到终于炮制出互联网焦虑的独门解

声明:《css3.0:Outline》为网友青春好少年分享!如侵犯到您的合法权益请联系我们删除