文章标题
整理日期
人气
CSS3实例:content属性的综合用法 2012-4-26 20:13:37
往常blog等时常会有文章摘要，将文字截断后直接运用省略号示意文章还没有完毕，如下所示：
在人际联络中，良好的第一印象是特别主要的，人们情愿在彼此身上寻求信任与老实，并期望在接下来的阅历中重现和增强这些好感。一样的道理也表如今移动使用或互联网产品中。在制作良好的品牌信誉及其与终端用户之间持 ......
在从前咱们能够议决后端服务器顺序截取或JS截取文字后参与省略号即可。如今，咱们的CSS3.0能够运用完成了!
conten...
CSS教学:汇总CSS属性的缩写[图] 2011-3-19 13:11:03
高效的css写法中的一条就是运用简写。议决简写能够让你的CSS文件更小，更易读。而明白 CSS属性简写也是前端开发工程师的基本功之一。即日咱们系统地总结一下CSS属性的缩写。
色彩缩写
色彩的缩写最基本，在色彩值用16进制的时刻，假如每种颜色的值相似，就能够写成一个：1
color：#113366
能够简写为1
color：#136
所有用到16进制色彩值的地点都能够运用简写，比如background-color、bor...
css教学：关于CSS不透明的细致推荐 2011-3-18 9:02:37
近年来，CSS不透明算得上是一种相当流行的技能，但在跨阅读器支撑上，对于开发者来说，能够说是一件令人头疼的事情。当前还没有一个通用要领，以确保透明度配置能够在当前运用的所有阅读器上有效。
这篇汇总首要是提供一些CSS不透明的细致推荐，代码示例和解释，以实现这项有用的CSS技能在您的项目中兼容所有阅读器。
关于CSS 透明度，有一点须要留心的是，它虽然运用了许多年，但它一直以来都不是一个准则 属性。它是一种非准则 技能...
css3教学:background属性调整增强 2011-3-18 9:01:00
（注：仅对css3对background的调整、添加的属性执行 了翻译）css3对于backgrounds做了一些修改，最清楚的一个就是采用配置多背景，不但添加了4个新属性，并且还对当前的属性执行 了调整增强。
1、多个背景图片在css3里面，你能够再一个标签元素里使用多个背景图片。代码类似与css2.0版本的写法，但引用图片之间需用“，”逗号隔开。第一个图片是定位在元素最上面的背景，后面的背景图片依次在它下面显示，如下：
ba...
怎样从零最初学习DIV+CSS 2011-2-15 8:09:06
CSS是款式,DIV是层.DIV+CSS是站点规范（web规范），通常为了标明与HTML网页设计言语中的表格（table）定位方式的区别.由于XHTML站点设计规范中，不再运用表格定位技术，而是采用DIV+CSS的方式完成各种定位。1：学会HTML言语，再学习DIV+CSS时会得心应手。看得懂HTML语法，那么全球上80%的站点都能被你看穿。HTML言语很好学，必须要熟记常用的一些代码，由于有了像dreamweaver这样的协助生成...
调整CSS的模式给滚动条换色 2010-12-29 9:29:38
设计稿上，有一处内嵌的简介信息，当文字过长时，要求运用一个阅历处理的滚动条来展现。假设要求兼容firefox，可以运用JQ来举行制造。假设仅要求IE浏览器，可以议决调整CSS的方式，来给滚动条换色。代码如下： .uicss-cn { height:580px;overflow-y: scroll; scrollbar-face-color:#EAEAEA; scrollbar-shadow-color:#EAEAEA; s...
CSS管制ul缩进间距和去掉li点的措施 2010-12-22 10:49:33
一、CSS控制ul缩进间距的方法：<style type="text/css">ul{margin-left:-10px;}</style><ul> <li>内地站长天空www.zzsky.cn</li></ul>
二、CSS去掉li点的三种方法：
方法一：<ul> <...
DIV+CSS初学者需注重的10个疑问与技巧 2010-12-21 9:32:40
DIV+CSS初学者往往觉得自己遇到许多莫明其妙的疑问，原本只是一些小详细没有引起注重，下面罗列了10个疑问与技巧，温故而知新。
一、检验HTML元素能否有拼写错误、能否遗忘完毕标志
即便是熟手也经常会弄错div的嵌套联络，可以用dreamweaver的验证功用检验一下有无错误。
二、检验CSS能否正确
检验一下有无拼写错误、能否遗忘开头的“}”等。可以运用CleanCSS来检验CSS的拼写错误。CleanC...
css优先级和！important与ie6的BUG 2010-10-18 7:04:58
一 css的优先级
即日
有人跟我说css hack中用!important来区分ie6，因为ie6不支撑
!important，是的在很早以前我也是用过这种要领
写hack，但是后来就基本不用了。本来我对他谁的ie6不支撑
!important也没什么异议，可是正好在前几天正好用个这个!important属性处理
了一个样式优先级的疑问
，并且
是支撑
ie6的，这是为什么呢？到底ie6支不支撑
!import...
明白
关于CSS挂马及相应防备
要领
2010-9-24 8:23:32
黑客们发觉
发觉
，用来打造
网页特殊成效
的CSS代码，也能够
用来挂马。
随着Web2.0的普及，各种网页特殊成效
用得越来越多，这也给黑客一个可乘之机。他们发觉
，用来打造
网页特殊成效
的CSS代码，也能够
用来挂马。而比较讽刺的是，CSS挂马形式
本来
是从防备
E挂马的CSS代码演变而来。
安天实验室阿楠：安全工程师，从事病毒剖析
多年。
站点
挂马的手段最...
CSS：表单中的name与id的异同 2010-9-22 17:12:01
表单的name与id本来
是同一个意思，都是为了标记对象名称。
它们所不一样
的是：name是Netscape的、id是Microsoft的。
表单元素(form input textarea select)与框架元素(iframe frame)用name。
这些元素都与表单(框架元素作用于form的target)提交相关
，
在表单的接收页面只接收有name的元素。
赋ID的元素议决
表单...
CSS教程:与众不一样的CSS3技巧 2010-6-21 6:43:02
你们中有许多人能够曾经听到过有关CSS3的不少传言，但是我们如今能真适用到的CSS3技巧又有哪些呢？本文，我将向你展现一些与众不一样的CSS3技巧，这些技巧在一些首要的浏览器中表现良好（如Firefox，Chrome，Safari，Opera浏览器）。这些成效会在不支持的浏览器中降级渲染（如IE浏览器）。运用浏览器特定的声明，许多提议的CSS3款式都可以立刻拿来运用。
假设你不知晓浏览器的特定声明是什么，你只须要记得它们都...
适用的CSS多见的疑难和技巧总结 2010-6-20 9:52:59
1、善用css缩写可以降低页面文件大小，提上下载速度，同时使代码简约可读。如：
div{ border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px soli #cccccc; border-bottom:1px solid #ccc...
CSS实例教程:非浮动区域配置宽度[多图] 2010-6-19 9:33:56
前一段时间我在做Green Gaint这个主题的时分，觉察了一个在规划中出现的关于浮动的疑问。让我来标明一下，如下图所示： 我们假定有一个容器A，在这个容器内有两个容器B和C，B配置了高度和宽度，并且向左浮动，C没有浮动，它将围绕在B区域的四周，这是典型的浮动成效，没有疑问。 但是当C容器配置了宽度之后，并且B和C的宽度之和小于A容器之后的成效，在Firefox和IE8中是这样的： 在IE6和IE7中的表...
CSS设计网页小技巧:100%的高度 2010-6-15 4:22:11
在前端人员之间有一个普遍存在的疑问，如何让一个div的高度自动延伸到浏览窗口100%的高度。有一些不一样的方法可以完成，但是，我想出了一个我个体比拟喜好的方法。即日，我将于你共享一下。我对你是不明白的，但我试图弄明白如何让我的规划垂直拉伸到页面的100％高度，这样一个令我懊丧的疑问。我想让div结构自动延伸，但是它就是不能自动延伸，如今，为什么他不能这样那？即日我将与你一同共享这个处理方法。比如说你有如下html代码文档http:/...
CSS属性Vertical Align使用措施[多图] 2010-6-12 9:19:32
CSS有一个属性叫Vertical Align。当你第一次学习它的时分会有些困惑，因而我觉得我们可以议决它的用法来明白它。最基本的用法像这样：
img{
vertical-align: middle;
}
留意在这个使用案例中，它被使用到了img元素上。图片通常是行内元素，意味着它通常是和文字在一同的。但是究竟”在一同”确切的是什么意思？这就是Vertical-align所要处理的。
有效值为：...
CSS根本教程:对于群组化筛选器 2010-6-4 17:23:58
经常我们的CSS 款式中会有好多个地点须要运用到同样的设定时，一个一个分开写会是一件满累人的任务，重覆性太高且显得冗长，更不好维护....在CSS 语法的基本设定中，就可以把这多个同样设定的挑选器兼并在一同，原天性够是写了7~8 行同样的语法，合在一同后就只需短短的一小行，如何看都让人心旷神怡啊~比方：当有好多个挑选器刚好都须要把文字的颜色设定为灰色的时分，一个一个分开写的方法式，觉得就很繁琐，如下：h1 { c...
CSS根本教程:对于群组化筛选器 2010-6-3 17:08:17
经常我们的CSS 款式中会有好多个地点须要运用到同样的设定时，一个一个分开写会是一件满累人的任务，重覆性太高且显得冗长，更不好维护....在CSS 语法的基本设定中，就可以把这多个同样设定的挑选器兼并在一同，原天性够是写了7~8 行同样的语法，合在一同后就只需短短的一小行，如何看都让人心旷神怡啊~比方：当有好多个挑选器刚好都须要把文字的颜色设定为灰色的时分，一个一个分开写的方法式，觉得就很繁琐，如下：h1 { c...
CSS实例:GG Adsense广告投影效用 2010-5-19 7:12:10
不断觉得帕兰的 Google Adsense 广告修饰得很美观。运用背景图片可以很简约地完成这个投影成效，不过运用 CSS 就足以完成。
以树立一个 300×250 尺寸的广告投影为例：
这三个 div 容器中，其中第一个子容器用于投影成效，第二个用于 Google Adsense 代码。附加款式如下：.google{position:relative;width:440px;height:260px;}.adsense...
DIV+CSS规划做到最精简代码的倡导 2010-5-14 9:01:05
我们来说下div+css规划的时分怎样做到最精简的代码，以抵达极限提高站点速度的目的。1、css款式尽量兼并成一个外部文件，采用link方式导入到网页中来，可以降低不少内嵌在网页中的css代码。2、多用全局款式，比如网页中只需一个h1标签，那么直接在css文件中定义h1的款式，如h1{......}，而不要给h1标签加class或许id来定义款式，这样一来就可以省略class=""或id=""，整个网页精简下来就可以简约不少代码。3...
css教程：对于CSS不透明的细致简介 2010-4-15 8:03:50
这篇汇总首要是提供一些CSS不通明的细致简介，代码示例和解释，以完成这项有用的CSS技术在您的项目中兼容一切浏览器。 关于CSS 通明度，有一点须要留意的是，它虽然运用了许多年，但它不断以来都不是一个规范属性。它是一种非规范技术，应该是CSS3规范的一局部。1. 旧的Opacity配置 以下代码是Firefox和Safari旧版本所需的通明度配置:#myElement { -khtml-opacity: .5; ...
CSS教程:DIV元素与SPAN元素的区别[多图] 2010-4-13 7:06:04
最先讲两个观念，一个是行内元素，一个是块级元素。行业元素是指该元素标志的内容不不会对如今的结构形成影响，属于使用款式，辅佐使用款式表等作 用；而块级元素为一个块状，独自占据一行，相当于在一个该元素前后各加一个换行。两者最清楚的区别是：DIV(division)是一个块级元素，可以包含段 落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，地道是使用款式，当其他行内元素都...
怎么用CSS将图片显示成圆角[图] 2010-3-31 19:58:02
用CSS将图片显示成圆角的成效图。
看到了吧，这就是用纯CSS完成的圆角化图片，为了能看到通明化的成效，我特意使用了一个背景图片，你可以下载本模型到你的计算机中，随意伸缩窗口的大小，看看外圆角能无法是通明的。
有了这种成效，你再也不愁给每一张图片作圆角的任务，这种成效在一些图...
网页每次加载调用不相同CSS样式表 2010-3-20 7:33:03
在上一篇文章中曾提到要给本身的微blog制作多个样式，然后用户每次访问时随机载入样式，让微博在视觉上坚持新颖感。虽然思绪与完成都比拟根本，但依旧想记载上去，与群众共享。【明白需求】网页加载样式表default.css，会展现默许作风。同时为完成多种作风，制造了skin1.css，skin2.css，skin3.css三种定制样式。假设在加载default.css后，再加载其中某一样式表，则会掩盖默许作风，展现新作风； 每次随机加载s...
DIV+CSS规划代码精简对SEO的影响 2010-3-19 7:06:38
我们都知晓DivCSS网页规划的好处，它对站点搜索引擎优化的影响有哪些呢？
站点优化运用DIV+CSS佈局，页面代码精简，这一点置信对XHTML有所瞭解的都知晓。代码精简所带来的直接好处有两点：一是进步spider匍匐效率，能在最短的时间内爬完整个页面，这样对收入质量有必需好处;二是由于能高效的匍匐，就会遭到spider喜欢，这样对收入数目有必需好处。
表格的嵌套效果
许多站点如何网上推行的文章中称，搜索引擎通...
CSS教程
:网页中英文字体的配置
2010-3-12 15:40:05
CSS中对文字的控制有过不少的推荐
，但关于字体的还没有。即日
向大众
推荐
一些英文字体，期盼
在今后的字体配置
中，对您的编码有所协助
。
Arial
Arial是一套伴随
多套微软运用
软件所分发的无衬线体TrueType字型。虽然比例及字重（weight）和Helvetica极之相近，但Arial本来
是Monotype Grotesque系列的变种。设计Arial时思虑
到会在计算...
CSS:再论清理
浮动的空DIV要领
2010-3-10 8:02:56
CSS 运用
浮动会形成
筹划
的混乱，通常整理
浮动的要领
是，运用
一个如下样式
的空 Div：.clear{clear:both;}更为优秀
的 CSS 代码是：.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear{zoom:1;}这个要领
当前
已经
普遍
运用
，...
css3暗影
属性box-shadow留心
事项 2010-3-8 15:15:47
css3暗影
属性box-shadow的一些留心
点:
box-shadow:暗影
程度
偏移值（可取正负值）； 暗影
垂直偏移值（可取正负值）；暗影
模糊值；暗影
颜色；
Firefox支撑
Box Shadow(暗影
)：-moz-box-shadow:2px 2px 5px #333333；
webkit内核的Safari和Chrome支撑
Box Shadow(暗影
)：-webkit-box...
css3文本暗影
属性text-shadow表明
2010-3-8 15:15:37
css3文本暗影
属性text-shadow的几点表明
：
css2的时辰
已经
有了text-shadow这个属性，但是css2.1的又删除了这个属性，css3又重新运用
了这个属性；
text-shadow:暗影
程度
偏移值（可取正负值）； 暗影
垂直偏移值（可取正负值）；暗影
模糊值；暗影
颜色
Firefox,webkit内核的Safari和Chrome,Opera支撑
Text S...
用CSS的float和clear实行
三栏布局 2010-3-7 9:58:04
三栏布局是最多见
的网页布局，首要
页内容放在中间一栏，边上的两栏放置导航链接之类的内容。基本布局通常
是标题之下放置三栏，三栏占据整个页面的宽度，结尾
在页的底端放置页脚，页脚也占据整个页面宽度。本文推荐
一种用CSS的float和clear属性来取得
三栏布局的要领
。绝大多数网页设计者都熟识
传统的网页设计技能
，用这些技能
能够
生成带有表格、建立
固定宽度布局或者“液态”(它能够
根据用户阅读
...
CSS:tbody标签与thead和tfoot标签 2010-3-7 9:58:00
CSS网页布局中，tbody标签与thead和tfoot标签怎么
运用
呢？
thead 标签用于HTML表格的表头
表格的头部thead,能够
运用
单独的样式解释表头,并且在打印时能够
在分页的上部打印表头.
tfoot 标签示意
HTML表脚
表格的表脚tfoot,能够
运用
单独的样式解释表脚,并且在打印时能够
在分页的下部打印表脚.
tbody 标签表格主体（正文）。该标...
用CSS实现网页图片的预加载 2010-3-4 0:34:18
有许多
种要领
来实现图片的预加载，通常大部分运用
Javascript让事情滚动。不要再受Javascript预载的束缚了吧，用CSS你就能够
毫不麻烦的预载你的图片。为什么运用
预载你为什么会思虑
运用
预载呢？你能不能
曾有个站点
，在那个站点
你要滚动你的导航然后有个延迟直到图片被加载完……嘿嘿。预载将在这方面帮助你。它将在页面加载的时刻
加载那些图片并将其存储在阅读
器的缓存里面。这样当用户滚动导航...
CSS教学
:完全
明白
haslayout 2010-3-2 11:18:41
要想更好的理会
css， 尤其是 IE 下对 css 的渲染，haslayout 是一个特别
有必要完全
弄整理
的观点
。大多IE下的显示不正确
，就是源于 haslayout。
什么是 haslayout ？
haslayout 是Windows Internet Exp
lorer渲染引擎的一个内部组成部分。在InternetExp
lorer中，一个元素要么自身
对自身的内容执...
黑客挑选
CSS挂马 CSS挂马攻防实录 2010-2-25 11:12:36
黑客们发觉
发觉
，用来打造
网页特殊成效
的CSS代码，也能够
用来挂马。
随着Web2.0的普及，各种网页特殊成效
用得越来越多，这也给黑客一个可乘之机。他们发觉
，用来打造
网页特殊成效
的CSS代码，也能够
用来挂马。而比较讽刺的是，CSS挂马形式
本来
是从防备
E挂马的CSS代码演变而来。
安天实验室阿楠：安全工程师，从事病毒剖析
多年。
站点
挂马的...
CSS基本
语法：群组化挑选
符 2010-2-25 11:12:27
常常咱们
的CSS 样式中会有好多个
地点
须要
运用
到相似
的设定时，一个一个分开写会是一件满累人的工作，重覆性太高且显得冗长，更不好维护
....在CSS 语法的基本设定中，就能够
把这多个
相似
设定的挑选
器合并在一起，原本可能是写了7~8 行相似
的语法，合在一起后就只要短短的一小行，怎么
看都让人心旷神怡啊~
比方
：当有好多个
挑选
器刚好都须要
把文字的颜色设定为灰色的时刻
...
YUICompress:高效压缩CSS和JS代码 2010-2-23 23:05:27
假如
你还在运用
CSSTidy、JSbeautifier 之类的在线代码压缩工具，那么告诉你，你已经历
时了。
前端代码的压缩，首要
在于对 JS 和 CSS 代码的压缩，抛开图片压缩的疑问
不谈，JS 和 CSS 代码的压缩已经有先人做了许多
工作。
YUICompressor 正是出自 Yahoo 工程师之手，高效，便捷，压缩率高。运用
纯 Java 编写，运行须要
JRE 的支撑
，基于 Rhino...
CSS教学
:CSS3新功能和新特征
2010-2-23 23:05:17
许多
已经存在的新功能和特性
正在被提出至CSS3。咱们
将在此尝试展示其中的一些内容——前提是他们已经被Firefox、Konqueror、Safari/Webkit实现了。下面依次推荐
。边框border-color 属性boder-image 属性border-radius 属性box-shadow 属性背景background-origin 属性和 background-clip 属性background-siz...
整理
无用的CSS比较有用的多个
工具 2010-2-12 10:14:43
在咱们
写样式的时刻
，页面的CSS在经历多个
版本的修改之后，可能有些样式已经用不到了，或许将某些样式更名了而原来的忘了删除，总之页面中可能存在着一些无用的样式。这些无用的浪费了一些服务器空间和带宽消耗，也会增大咱们
的维护成本。那么有没有一些方法
来整理
那些无用的样式呢？即日
就让咱们
来明白
一下多个
比较有用的工具。
Dust-Me selectors
Dust-Me是一个很有用也很好用的Firef...
CSS教学
:CSS属性behavior的语法 2010-2-11 17:29:10
在执行
CSS网页布局的时刻
，咱们
经遇到刷新要保存
表单里内容的时刻
，习性
的做法运用
cookie，但是那样做实在是很麻烦，css中的behavior就为咱们
很好的处理
了这个疑问
。即日
就向大众
推荐
CSS属性behavior的语法 behavior的语法： behavior : url ( url ) ur...
CSS教学
:exp
ression在Chrome的疑问
[多图] 2010-2-8 23:45:02
先看一段HTML代码，在下边这段代码中，这张图片的宽度未知，我想写在CSS中写一行限定
最大宽度为50px： Firefox或IE较高的版本能够
直接写max-width。在IE的低版本阅读
器中，咱们
可能会写如下的代码：#test img{width: exp
ression(this.width > 50 ? '50px': true); max-width: 50px; } 但，上边的代码会有一性格
...
CSS教学
:通配属性批量替换的要领
2010-2-8 23:44:52
比方
我想美化输入框的成效
：防止
给这样的通配属性：input{background:#222; border:1px solid #4a4a49; color:#ccc; padding:1px 3px; }否则所有的输入框、按钮、单选框、复选框都会跟着改变。给通配属性简单
，再删通配属性，还原
input的默认值就麻烦了。假如
你不幸，也犯了这种不正确
，思虑
一下批量替换的要领
来处理
：最先
将inp...
用CSS实现图片圆角化处理 2010-2-7 8:06:45
仍旧
先看最后
成效
图吧：
看到了吧，这就是用纯CSS实现的圆角化图片，为了能看到透明化的成效
，我特意使用
了一个背景图片，你能够
下载本模型到你的计算机
中，随意伸缩窗口的大小，看看外圆角能无法
是透明的。
有了这种成效
，你再也不愁给每一张图片作圆角的工作，这种成效
在一些图片类的...
实例:用CSS样式描述表格Table边框 2010-2-5 8:35:19
表格边框的处理是CSS网页布局中时常
会遇到的内容，也有过相关
的推荐
，除了将表格作为一个整体执行
解释，您也能够
将表格边框的四个部分分别执行
解释，包含
顶部、底部、左边和右边。列表B中的代码将刚才的例子中的表格分成四个部分单独解释。 HTML TableTABLE { background: blue; border-collapse:&n...
float闭合（整理
浮动）和CSS HACK 2010-2-2 19:43:01
一、float 闭合（整理
浮动） 将以下代码参加
Global CSS 中,给须要
闭合的div加上 class="clearfix" 即可,屡试不爽..clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-bloc...
CSS3变换入门[图] 2010-1-31 1:59:38
译自：CSS transitions 101中文：CSS3变换入门原作者：Jason Cranford Teague译者：神飞请尊重版权，转载请注明出处，多谢！
尽管人们期望在屏幕上有些改动
，但是CSS和HTML对页面中的交互能做的实在太少了，而那些还须要
用代码来实现。
比如一个链接要么是这个颜色，要么是那个颜色；一个文本区域要么这么大，要么那么大；一张图片要么是透明的要么是不透明的；它们是从一个状态直接变到...
CSS教学
:纯CSS实现的圆角化图片[图] 2010-1-29 8:03:04
在前面一篇文章中，咱们
将一张上下渐变的的图片作为标题的背景，并将它使用
了圆角成效
。是不是这种圆角框只好
用于比较单调的图片呢？咱们
还能将一些颜色比较丰厚
的图片也执行
透明圆角化吗？
答案是肯定的，下面看看它的终极功夫。
仍旧
先看结尾
成效
图吧：
图一
看到了吧，这就是用纯CSS实现的圆角化图片，为了能看到透明化的成效
，我特意使用
了一个背景图片，你能够
下载本模型到你的计...
CSS3+HTML5 实现未来Web设计[多图] 2010-1-28 8:30:57
CSS3 + HTML5是未来的Web，它们都还没有正式到来，虽然不少阅读
器已经开始对它们提供部分支撑
。本文推荐
了5个CSS3技巧，能够
帮你实现未来的Web，不过，这些技能
不应该用在正式的客户项目，它们更适合你的私人
blog
站点，Web 设计社区，或者不会有客户向你投诉的场合。
1. 圆角成效
CSS3 新功能中最常用的一项是圆角成效
，规则
HTML 方块对象是90度方角的，CSS3 ...
CSS圆角——圆角化图片[图] 2010-1-28 8:30:53
在前面一篇文章中，咱们
将一张上下渐变的的图片作为标题的背景，并将它使用
了圆角成效
。是不是这种圆角框只好
用于比较单调的图片呢？咱们
还能将一些颜色比较丰厚
的图片也实行
透明圆角化吗？
答案是肯定的，下面看看它的终极功夫。
仍旧
先看最后
成效
图吧：
图一
看到了吧，这就是用纯CSS实现的圆角化图片，为了能看到透明化的成效
，我特意使用
了一个背景图片，你能够
下载本模型到你的计算机
...
在IE中运用
高级CSS3挑选
器 2010-1-23 20:45:35
别误会，IE是不支撑
CSS3高级挑选
器，包含
最新的IE8（详见《CSS挑选
器的阅读
器支撑
》），但是CSS挑选
器的确是很有用的，它能够
大大的简化咱们
的工作，提高咱们
的代码效率，并让咱们
很简洁
的打造
高可维护性的页面。
然而IE对高级CSS挑选
器特别是CSS3挑选
器的支撑
让咱们
一直无法
将CSS挑选
器推广使用
。不过，虽然咱们
无法
左右阅读
器的市场...
CSS圆角——透明圆角化背景图片[多图] 2010-1-21 10:04:06
序言：第一章中我推荐
了最基本的纯CSS圆角框的实现原理，并给出Demo，在本章中会对上一个模型作一些新的创新，实现将背景图片透明圆角化。并给出一些好看
的通用演示成效
。
在上面的案例中，我只给出最为原始的圆角框模型，它仍旧
存在一些不足之处。比如无法
将图片使用
到圆角框内。而在本例中，我会在上面的基本
上作出一些创新。就是将背景图片也圆角化，好像当前
在网络上还没有这样的功能使用
，我只见过用js形式
来...
CSS 系列 | 合计1095条 | 共22页 | 第1页
上一页 [1 2 ] [3 ] [4 ] [5 ] [6 ] 下一页 尾页 跳转:
CSS3实例:content属性的综合用法