-
使用fieldset标签结合CSS Lable实现表单的布局
所属栏目：[专访] 日期：2018-08-25 热度：131
使用fieldset标签结合CSS的Lable标签实现表单的布局，以前听一些新手说，用CSS而布局表单真的有点难啊，其实是没找到方法，使用fieldset标签，再配合Lable可达到事半功倍的效果，而且布局出来的表单代码简洁、结构清淅，也便于修改，何不尝试一下呢？ 演示[详细]
-
纯 CSS border 用法实例之四：三角形对角线
所属栏目：[专访] 日期：2018-08-25 热度：173
纯 CSS border 用法实例之四：三角形对角线，斜边都是依靠原来盒子的边，还有另外一种形式就是斜边在盒子的对角线上，保留其中一种颜色，就可以得到斜边在对角线上的三角形了，多个这样的三角形通过设置边框大孝颜色、拼凑起来可以形成任意形状的三角形。[详细]
-
纯 CSS border 用法举例之三：实现三角形图形
所属栏目：[专访] 日期：2018-08-25 热度：171
这是CSS Border 应用举例之三，实战一个三角形图形，其原理请参阅之前的两个小例子，再次变通一下就实现了这个三角形，思路是将其余三个的颜色设置为透明或设置成与背景色一样的颜色，只保留最上边一个三角形，当然了，如果想实现其它开口方向的三角形，其[详细]
-
纯 CSS border 用法举例之二：立体矩形
所属栏目：[专访] 日期：2018-08-25 热度：69
纯 CSS border 用法举例之二，生成立体的菱形效果，代码编写过程中要注意，依次设置设置overflow, font-size, line-height，因为, 虽然宽高度为0, 但在IE6下会具有默认的字体大小和行高, 导致盒子呈现被撑开的长矩形，因此要把字体和行高重新定义为0，避开[详细]
-
纯 CSS border 用法举例之一：空心菱形
所属栏目：[专访] 日期：2018-08-25 热度：108
CSS border 用法举例之一：空心菱形，这一个是最好理解的，只要设置div的边框颜色，然后设置宽度和高度就行了，不要被这复杂的图形吓怕啊，其实代码很简单。在以后还将有其它更神奇的效果。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transition[详细]
-
Css背景颜色渐变，纯CSS指定Div背景渐变显示
所属栏目：[专访] 日期：2018-08-25 热度：165
纯CSS指定Div背景渐变，烈火学院提示，仔细看清哦，这里绝非图片，但与图片背景的效果一模一样，而且用CSS直接生成，会提高浏览性能。原理是使用CSS中的Filter，具体用法请看代码，运用了CSS3中部分样式，目前兼容IE6，IE7， IE8 ，friefox，chreom浏览器[详细]
-
Css Overflow 溢出属性实例代码，显示滚动条
所属栏目：[专访] 日期：2018-08-22 热度：130
Css Overflow 溢出属性实例代码，显示滚动条。关于溢出属性的实例，在本实例中使用了auto值，当内容部分超出元素大小的时候，将会在元素的右侧显示滚动条,否则元素将按照正常的方式显示。。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transition[详细]
-
CSS使用滤镜遮罩，在图片上形成水印效果
所属栏目：[专访] 日期：2018-08-22 热度：96
CSS使用滤镜遮罩，在图片上形成水印效果 这幅效果图用文字闪烁和mask滤镜效果综合来完成...... race字样本是一幅图，对它使用了mask滤镜，即是把图案区域镂空来显示该图下面一层的文字.... HTMLHEADTITLECSS水印图片/TITLESTYLE.30PT{font-size:30pt;color[详细]
-
三种用CSS滤镜实现的图片透明度及渐变效果
所属栏目：[专访] 日期：2018-08-22 热度：52
三种用CSS滤镜实现的图片透明度及渐变效果，单击鼠标左键,观察ALPHA滤镜效果。每单击一次就会有一种不同的效果出现。一个比较老的特效代码，但是具有收藏和学习价值。 演示代码： HTMLHEADTITLE新的一页/TITLESTYLE!--样式单 --.15pt{font-size:15pt;color[详细]
-
CSS滤镜修饰网页图片显示出的不同效果
所属栏目：[专访] 日期：2018-08-22 热度：61
CSS滤镜修饰网页图片显示出的不同效果，图在不同的CSS滤镜作用下，呈现出不同的效果。。。其实CSS的此项功能非常实用，用它可以生成出灰度图、底片效果、X光效果等，实例仅列出了一小部分，还有不少的图片效果可以用CSS滤镜来完成。 演示： htmlheadtitle[详细]
-
CSS 定义上划线、下线线、删除线代码
所属栏目：[专访] 日期：2018-08-19 热度：133
烈12火98网(LieHuo21.Net)教95程 CSS 定义上划线、下线线、删除线代码，这三种线是最常用的，删除线一般用在商城或产品类网页中，下划线则使用较广泛，上划线这个见的比较少，多掌握一些CSS的基础知识，对你绝对没有害处。 代码演示： !DOCTYPE html PUBLI[详细]
-
Css 自定义滚动条属性二例
所属栏目：[专访] 日期：2018-08-19 热度：132
一。用CSS自定义滚动条属性。 实际上从代码里你并没有发现有滚动条，但是最终的效果却出现了滚动条，它可以根据框内内容的多少自动适应，细心的朋友会发现，这其实是在CSS里定义了一个 overflow:scroll属性。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHT[详细]
-
CSS特效：关于CSS缩放属性的代码演示
所属栏目：[专访] 日期：2018-08-19 热度：136
烈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-19 热度：75
鼠标的指针大家再熟悉不过了，熟悉的甚至忘了它们的存在。用CSS我们可以将这些光标指针一一展现出来，本例将展现给大家用CSS实现拖动符的光标、链接小手、移动光标、带问号的光标、不可操作的光标、小手光标、带运行符的光标、上下拖动的光标、普通打字光[详细]
-
一款简洁、实用、带箭头的CSS流程图代码
所属栏目：[专访] 日期：2018-08-19 热度：186
烈27火51网(LieHuo15.Net)教22程 一款设计简洁、实用的CSS箭头流程图特效，用在帮助中合适，或者用在安装程序及用户索引上，指导用户第一步、第二步干什么，也就是流程图，可以说是很适合埃那个小缺口不是CSS实现的，用了小图片，相对简单些，不过功能挺实[详细]
-
CSS自适应窗口大小的容器效果
所属栏目：[专访] 日期：2018-08-19 热度：120
CSS自适应窗口大小的容器居中，在内层的容器中，你可以输入一些文字，内层窗口会随着窗口的大小而自动适应，而且它始终是水平和垂直居中的，实用性大大增强，对此感兴趣的朋友好好参考一下哦。 代码演示： htmlheadstyle type=text/css*{margin:0; padding[详细]
-
仿QQ面板分组展开收缩,JS+CSS实现的代码
所属栏目：[专访] 日期：2018-08-19 热度：164
CSS3、HTML5、 jQuery 等优秀WEB开发语言的到来，给我们带来的并非一般的体验，在体验新鲜的时候，烈火再给大家送上一个CSS+JS实现的特效，一款看上去类似QQ面板分组的效果，当我们的鼠标经过分组时，不用点击，分组自动展开，效果挺不错的，界面风格设计[详细]
-
纯Css绘制出逼真的扑克牌,附花色切换代码
所属栏目：[专访] 日期：2018-08-19 热度：73
文中使用纯CSS实现了扑克牌效果，这是来自国外大牛的作品？当您查看到该效果时肯定会以为是一张图片，可以当您右击的时候，却什么图片也没有，再查看源代码，也没有调用任何图片，顿时有点诧异，CSS果然很牛，或是作者水平比较牛？这也能用CSS来实现啊！[详细]
-
js+css实现鼠标滑过触发行、列同时变色
所属栏目：[专访] 日期：2018-08-19 热度：94
以前，烈火介绍过表格隔行换色及鼠标经过变色的效果，本文的特效代码有所不同，在下面的例子中，并没有实现隔行换色，仅实现了鼠标响应表格行、列同时变色的效果，也就是说鼠标在表格上的变色区域是【十】字，至少是【Г】字，不多说了，大家自己看效果吧[详细]
-
XML+Css实现简单的网页走势图效果
所属栏目：[专访] 日期：2018-08-19 热度：193
关于网页中的动态走势图，我们一般看到的都是使用flash实现的，与本文中介绍的例子不太相同，本文中的效果是基于XML+Html技术实现的，在网页上显示简易的走势图（静态）。另外，边线对齐还有点小问题，本例仅供参考。 效果演示： !DOCTYPE HTML PUBLIC -//[详细]
-
纯CSS实现网页图标，RSS订阅图标的CSS3代码
所属栏目：[专访] 日期：2018-08-15 热度：142
网页图标对于站长们来说，是再熟悉不过的东西了，大家都知道那是图像，那么您有没有见过使用纯CSS生成的网页图标呢？今天烈火网就给大家发一款由CSS3技术实现的 RSS订阅 图标代码，注意哦在 IE9 以下浏览器兼容性不好。请使用IE9+、 Chrome 、火狐和 Opera[详细]
-
CSS色阶特效代码，注释丰富并兼容各大浏览器
所属栏目：[专访] 日期：2018-08-15 热度：85
在网上看到的CSS色阶特效代码，烈火小编看了一下，感觉有以下特点： 1、代码注释丰富，不管您是新手还是老鸟，都可以很快理解作者的代码。 2、兼容性强，从第一条就可以看出来了，释义中关于火狐、IE、 Chrome 、 Opera 等浏览器描写有很多。 3、纯CSS，无[详细]
-
文字倒影代码，倒映的文字，兼容IE9浏览器
所属栏目：[专访] 日期：2018-08-15 热度：124
又一款文字倒影代码，刚才介绍的倒影利用JS技术给倒影一个渐变的效果，与刚才介绍的不同，本文使用的是纯CSS，只是将文字反了一下，并没有渐变效果，兼容性做的非常好，思路新颖，并且在代码中使用了判断 IE9 浏览器的语句。 演示： !DOCTYPE htmlhtmlhead[详细]
-
CSS代码二例：边框阴影效果与DIV层垂直居中
所属栏目：[专访] 日期：2018-08-15 热度：174
CSS代码二例：边框阴影效果与DIV层垂直居中，在本代码中，实现的是CSS边框阴影(很多时候被勇于顶部banner框)，及让框架内内容垂直居中。阴影效果做的不错，供新手参考学习，也欢迎提出整改方案。 示例： !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Typ[详细]
-
CSS网页背景渐变代码，仅兼容chrome/Safari浏览器
所属栏目：[专访] 日期：2018-08-15 热度：138
明天就是大年三十了，年货一定都买齐了吧，首先祝您2012新年快乐！还记得6天前给大家分享的几款网页背景渐变特效吗？有只兼容IE浏览器的、只兼容火狐浏览器的、还有同时兼容IE和FireFox的，有的朋友肯定会说怎么没有谷歌chrome浏览器下的呢？您别着急，现[详细]
