-
CSS滤镜修饰网页图片显示出的不同效果
所属栏目:[专访] 日期:2018-08-26 热度:146
CSS滤镜修饰网页图片显示出的不同效果,图在不同的CSS滤镜作用下,呈现出不同的效果。。。其实CSS的此项功能非常实用,用它可以生成出灰度图、底片效果、X光效果等,实例仅列出了一小部分,还有不少的图片效果可以用CSS滤镜来完成。 演示: htmlheadtitle[详细]
-
CSS 定义上划线、下线线、删除线代码
所属栏目:[专访] 日期:2018-08-26 热度:62
烈12火98网(LieHuo21.Net)教95程 CSS 定义上划线、下线线、删除线代码,这三种线是最常用的,删除线一般用在商城或产品类网页中,下划线则使用较广泛,上划线这个见的比较少,多掌握一些CSS的基础知识,对你绝对没有害处。 代码演示: !DOCTYPE html PUBLI[详细]
-
Css 自定义滚动条属性二例
所属栏目:[专访] 日期:2018-08-26 热度:172
一。用CSS自定义滚动条属性。 实际上从代码里你并没有发现有滚动条,但是最终的效果却出现了滚动条,它可以根据框内内容的多少自动适应,细心的朋友会发现,这其实是在CSS里定义了一个 overflow:scroll属性。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHT[详细]
-
CSS特效:关于CSS缩放属性的代码演示
所属栏目:[专访] 日期:2018-08-26 热度:141
烈15火04网(LieHuo87.Net)教04程 CSS特效:关于CSS缩放属性的代码演示。一个关于CSS控制元素缩放的实例,在例子中,图片被按比例缩小,这个挺有用处吧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1[详细]
-
用Css定义不同的鼠标光标指针样式代码
所属栏目:[专访] 日期:2018-08-26 热度:199
鼠标的指针大家再熟悉不过了,熟悉的甚至忘了它们的存在。用CSS我们可以将这些光标指针一一展现出来,本例将展现给大家用CSS实现拖动符的光标、链接小手、移动光标、带问号的光标、不可操作的光标、小手光标、带运行符的光标、上下拖动的光标、普通打字光[详细]
-
一款简洁、实用、带箭头的CSS流程图代码
所属栏目:[专访] 日期:2018-08-26 热度:75
烈27火51网(LieHuo15.Net)教22程 一款设计简洁、实用的CSS箭头流程图特效,用在帮助中合适,或者用在安装程序及用户索引上,指导用户第一步、第二步干什么,也就是流程图,可以说是很适合埃那个小缺口不是CSS实现的,用了小图片,相对简单些,不过功能挺实[详细]
-
CSS自适应窗口大小的容器效果
所属栏目:[专访] 日期:2018-08-26 热度:153
CSS自适应窗口大小的容器居中,在内层的容器中,你可以输入一些文字,内层窗口会随着窗口的大小而自动适应,而且它始终是水平和垂直居中的,实用性大大增强,对此感兴趣的朋友好好参考一下哦。 代码演示: htmlheadstyle type=text/css*{margin:0; padding[详细]
-
CSS背景图片居中代码,半透明显示文字
所属栏目:[专访] 日期:2018-08-18 热度:160
CSS控制图片实现始终居中显示,半透明显示文字,不管你如何拉大或缩小浏览器,它始终处于浏览器的中间位置,这是个十分实用的代码,很多时候我们都要用到此种情形的居中。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www[详细]
-
CSS 嵌套的DIV层的代码,关于定位的例子
所属栏目:[专访] 日期:2018-08-18 热度:74
CSS 嵌套的DIV层的代码,关于定位的例子,一个嵌套的DIV,用CSS定位知识实现,你可以此为例好好理解一下 absolute定位的用法。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d[详细]
-
左浮动、右浮动的对齐方法,CSS 代码
所属栏目:[专访] 日期:2018-08-18 热度:126
左浮动、右浮动的CSS对齐方法,两个CSS固定浮动的方框,一个左上对齐,一个右下对齐,随浏览器的大小始终不会变化,这里面用到了两个重要的CSS属性:一个是position,另一个是Left和Right属性。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transi[详细]
-
Css 结合图片修饰的圆角边框代码
所属栏目:[专访] 日期:2018-08-18 热度:59
CSS使用图片实现边框圆角,用两张图片作为背景,两张作为修饰,形成大圆角的效果,圆角的大小请根据自己的需要修改,修改过程中要对应修改CSS的代码,仅供参考。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/T[详细]
-
CSS 圆角边框,无图、纯 CSS 实现的代码
所属栏目:[专访] 日期:2018-08-18 热度:60
CSS 圆角边框,无图、纯 CSS 实现的代码。方法简单,不过有点繁琐,建立了很多的Div,CSS圆角还有些更为简便的方法,本款只作为您的参考,希望为您学习CSS开拓一些思路。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.[详细]
-
CSS美化Calendar日历的雏形,并无日历功能
所属栏目:[专访] 日期:2018-08-18 热度:152
CSS美化Calendar日历的雏形,并无日历功能,因为这个例子重点是介绍CSS,用CSS修饰一个日历的外表,没有加入真正的 Java Script日历代码。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-tr[详细]
-
Css中inline的用法:按钮和文本框Input水平
所属栏目:[专访] 日期:2018-08-18 热度:176
本例是Css中inline的用法,我们在日常的网页制作中,可能遇到这样的问题,按钮和文本框不在同一水平线上,这个要怎么解决呢?本文就是解决案例,用到了,CSS的语法:display:inline,如果你对CSS了解还是不足,建议阅读烈火学院提供的CSS中文手册。 演示:[详细]
-
CSS给select下拉列表的文字增加背景色
所属栏目:[专访] 日期:2018-08-18 热度:73
CSS给Selcet下拉列表的选项增加背景色,看上去更醒目一些,加背景颜色实际也挺简单,说的再好不如自己看一下,你看了代码就知道了。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit[详细]
-
CSS fieldset 标签完成简单美化的表单代码
所属栏目:[专访] 日期:2018-08-18 热度:82
CSS fieldset 标签完成简单美化的表单代码,虽然它是一个表单,但对本例的教学意义来说应该划分到CSS类吧,用fieldset布置表单,简直是太方便了,不知道它的人,有可能会用UL/LI来布局表单,不是不可以,但精确布局表单结构会带来很大麻烦,何不使用fields[详细]
-
CSS样式表学习实例,表单文本框的简单美化
所属栏目:[专访] 日期:2018-08-18 热度:57
学好了CSS,美化各种各样的表单或输入框、按钮、表格都轻松容易,本示例就是美化表单中的输入框以及按钮的,将系统默认的灰色表单组件变成符合你网页风格或者说是你想要的风格,请先运行一下代码,浏览一下效果吧。 演示: !DOCTYPE html PUBLIC -//W3C//D[详细]
-
纯CSS实现网页图标,RSS订阅图标的CSS3代码
所属栏目:[专访] 日期:2018-08-14 热度:198
网页图标对于站长们来说,是再熟悉不过的东西了,大家都知道那是图像,那么您有没有见过使用纯CSS生成的网页图标呢?今天烈火网就给大家发一款由CSS3技术实现的 RSS订阅 图标代码,注意哦在 IE9 以下浏览器兼容性不好。请使用IE9+、 Chrome 、火狐和 Opera[详细]
-
CSS色阶特效代码,注释丰富并兼容各大浏览器
所属栏目:[专访] 日期:2018-08-14 热度:143
在网上看到的CSS色阶特效代码,烈火小编看了一下,感觉有以下特点: 1、代码注释丰富,不管您是新手还是老鸟,都可以很快理解作者的代码。 2、兼容性强,从第一条就可以看出来了,释义中关于火狐、IE、 Chrome 、 Opera 等浏览器描写有很多。 3、纯CSS,无[详细]
-
文字倒影代码,倒映的文字,兼容IE9浏览器
所属栏目:[专访] 日期:2018-08-14 热度:58
又一款文字倒影代码,刚才介绍的倒影利用JS技术给倒影一个渐变的效果,与刚才介绍的不同,本文使用的是纯CSS,只是将文字反了一下,并没有渐变效果,兼容性做的非常好,思路新颖,并且在代码中使用了判断 IE9 浏览器的语句。 演示: !DOCTYPE htmlhtmlhead[详细]
-
CSS代码二例:边框阴影效果与DIV层垂直居中
所属栏目:[专访] 日期:2018-08-14 热度:183
CSS代码二例:边框阴影效果与DIV层垂直居中,在本代码中,实现的是CSS边框阴影(很多时候被勇于顶部banner框),及让框架内内容垂直居中。阴影效果做的不错,供新手参考学习,也欢迎提出整改方案。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Typ[详细]
-
CSS网页背景渐变代码,仅兼容chrome/Safari浏览器
所属栏目:[专访] 日期:2018-08-14 热度:164
明天就是大年三十了,年货一定都买齐了吧,首先祝您2012新年快乐!还记得6天前给大家分享的几款网页背景渐变特效吗?有只兼容IE浏览器的、只兼容火狐浏览器的、还有同时兼容IE和FireFox的,有的朋友肯定会说怎么没有谷歌chrome浏览器下的呢?您别着急,现[详细]
-
CSS3网页背景渐变代码,支持火狐和IE浏览器
所属栏目:[专访] 日期:2018-08-14 热度:164
前两篇分别介绍了IE下CSS3的网页背景渐变、火狐下CSS3的网页背景渐变代码,两款代码都不是完美的,因为他们分别支持IE和火狐,现在就来介绍既支持 Firefox 又支持IE的网页背景渐变代码,欢迎阅读。 示例: htmlheadstyle type=text/css rel=stylesheet.Ver[详细]
-
CSS3属性gradient实现FireFox网页背景渐变
所属栏目:[专访] 日期:2018-08-14 热度:185
刚刚给大家介绍了IE下CSS3属性gradient实现的网页背景渐变代码,很可惜的是它不支持firefox浏览器,本文再补上支持 火狐浏览器 的CSS3网页背景渐变,有的童鞋会说:烈火网,你就不能来一款既支持火狐,又支持IE的css3网页背景渐变吗?哈哈,您别着急,一篇[详细]
-
基于Css3的gradient属性实现网页背景渐变
所属栏目:[专访] 日期:2018-08-14 热度:70
Css3技术已经很成熟了,但是普及率不是很高,今天烈火网再给大家分享一个例子,是关于网页背景渐变的实现,这里使用了gradient属性,不过本例只在 IE浏览器 下显示效果,稍后给大家发表 Firefox 浏览器下的网页背景渐变代码,欢迎关注! 示例: !doctype h[详细]
