-
纯 CSS border 用法实例之四：三角形对角线
所属栏目：[专访] 日期：2018-09-02 热度：160
纯 CSS border 用法实例之四：三角形对角线，斜边都是依靠原来盒子的边，还有另外一种形式就是斜边在盒子的对角线上，保留其中一种颜色，就可以得到斜边在对角线上的三角形了，多个这样的三角形通过设置边框大孝颜色、拼凑起来可以形成任意形状的三角形。[详细]
-
纯 CSS border 用法举例之三：实现三角形图形
所属栏目：[专访] 日期：2018-09-02 热度：60
这是CSS Border 应用举例之三，实战一个三角形图形，其原理请参阅之前的两个小例子，再次变通一下就实现了这个三角形，思路是将其余三个的颜色设置为透明或设置成与背景色一样的颜色，只保留最上边一个三角形，当然了，如果想实现其它开口方向的三角形，其[详细]
-
纯 CSS border 用法举例之二：立体矩形
所属栏目：[专访] 日期：2018-09-02 热度：89
纯 CSS border 用法举例之二，生成立体的菱形效果，代码编写过程中要注意，依次设置设置overflow, font-size, line-height，因为, 虽然宽高度为0, 但在IE6下会具有默认的字体大小和行高, 导致盒子呈现被撑开的长矩形，因此要把字体和行高重新定义为0，避开[详细]
-
纯 CSS border 用法举例之一：空心菱形
所属栏目：[专访] 日期：2018-09-02 热度：198
CSS border 用法举例之一：空心菱形，这一个是最好理解的，只要设置div的边框颜色，然后设置宽度和高度就行了，不要被这复杂的图形吓怕啊，其实代码很简单。在以后还将有其它更神奇的效果。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transition[详细]
-
Css背景颜色渐变，纯CSS指定Div背景渐变显示
所属栏目：[专访] 日期：2018-09-02 热度：162
纯CSS指定Div背景渐变，烈火学院提示，仔细看清哦，这里绝非图片，但与图片背景的效果一模一样，而且用CSS直接生成，会提高浏览性能。原理是使用CSS中的Filter，具体用法请看代码，运用了CSS3中部分样式，目前兼容IE6，IE7， IE8 ，friefox，chreom浏览器[详细]
-
仿QQ面板分组展开收缩,JS+CSS实现的代码
所属栏目：[专访] 日期：2018-08-26 热度：154
CSS3、HTML5、 jQuery 等优秀WEB开发语言的到来，给我们带来的并非一般的体验，在体验新鲜的时候，烈火再给大家送上一个CSS+JS实现的特效，一款看上去类似QQ面板分组的效果，当我们的鼠标经过分组时，不用点击，分组自动展开，效果挺不错的，界面风格设计[详细]
-
纯Css绘制出逼真的扑克牌,附花色切换代码
所属栏目：[专访] 日期：2018-08-26 热度：75
文中使用纯CSS实现了扑克牌效果，这是来自国外大牛的作品？当您查看到该效果时肯定会以为是一张图片，可以当您右击的时候，却什么图片也没有，再查看源代码，也没有调用任何图片，顿时有点诧异，CSS果然很牛，或是作者水平比较牛？这也能用CSS来实现啊！[详细]
-
js+css实现鼠标滑过触发行、列同时变色
所属栏目：[专访] 日期：2018-08-26 热度：200
以前，烈火介绍过表格隔行换色及鼠标经过变色的效果，本文的特效代码有所不同，在下面的例子中，并没有实现隔行换色，仅实现了鼠标响应表格行、列同时变色的效果，也就是说鼠标在表格上的变色区域是【十】字，至少是【Г】字，不多说了，大家自己看效果吧[详细]
-
XML+Css实现简单的网页走势图效果
所属栏目：[专访] 日期：2018-08-26 热度：108
关于网页中的动态走势图，我们一般看到的都是使用flash实现的，与本文中介绍的例子不太相同，本文中的效果是基于XML+Html技术实现的，在网页上显示简易的走势图（静态）。另外，边线对齐还有点小问题，本例仅供参考。 效果演示： !DOCTYPE HTML PUBLIC -//[详细]
-
兼容火狐浏览器的offsetX效果 js+css实现
所属栏目：[专访] 日期：2018-08-26 热度：71
兼容firefox的offsetX,计算鼠标位置（触发元素与窗口的距离,计算从触发到root间所有元素的offsetLeft值之和。 此类特效，我们用的不多，不过可以学习一下js与css的完美结合，在以后的网页制作过程中有很大帮助。 效果如下： htmlheadtitle兼容firefox的off[详细]
-
js+css实现点小图动态遮罩弹出大图特效
所属栏目：[专访] 日期：2018-08-26 热度：112
js+css实现点小图动态遮罩弹出大图特效 这是使用 Java Script与CSS共同实现的点小图弹大图效果代码，采用了比较流行的遮罩层效果，当点击小图后，动态弹出大图，同时实现了点击关闭功能，兼容IE6/7/8，火狐下表现也不错，代码中有注释，使用前请注意注释部[详细]
-
CSS+JS实现的滑动TAB，滑动门的特效代码
所属栏目：[专访] 日期：2018-08-26 热度：130
滑动TAB，滑动门，CSS+Js代码，貌似很不错的样子，风格经典，鼠标感应很不错，代码量少，用到网页上挺不错的。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://[详细]
-
CSS文章列表代码 DIV LI UL 的基本运用
所属栏目：[专访] 日期：2018-08-26 热度：127
本文介绍的不算是网页特效，而一款标准新闻文章列表的代码，代码使用了div ul li等标记，总体来说比较简洁，没有过多的修饰，如果你想使用的话，可以进行相关的修改。 重点学习如何使用UL/LI来布局列表，这也是CSS前端编程最常见常用的基本技巧，本列表符[详细]
-
js 滑动门,CSS 实现小箭头指向区域内容
所属栏目：[专访] 日期：2018-08-26 热度：151
CSS滑动门代码推荐：带小三角指引的滑动门，有朋友说在IE6下看不到效果，其实能看到，因为那个小三角颜色比较淡，有时候因显示器的原因看不太清，其实这个颜色是自己可以控制的，改一下就行了，带三角指引后，使整个滑动门的结构更清淅，导向性更合理。 点[详细]
-
js+css实现星号评分投票的实例代码
所属栏目：[专访] 日期：2018-08-26 热度：118
本文介绍的是使用CSS+JS制作的用于文章评论投票的星形示例，不要以为是用到了图片哦，其实这些星形完全是由CSS修饰出来的，无图片版，这样不影响网页加载的速度，而且修改也方便，只需调整颜色和大小就行了。 下面是实例演示： htmlheadtitle星形投票示例([详细]
-
简单代码实现文字动画，作者曾1K实现3D圣诞树
所属栏目：[专访] 日期：2018-08-17 热度：162
超小代码实现的文字动画功能，代码基本上都来自 Romn Corts,就是那个只用了1K字符写出3D圣诞树的技术大牛，技术这东西绝对不是说笑的，也不是能抄袭来的，大家自己看看下边的效果吧，不佩服不行啊，够牛悍! 方法：点击下边的运行按钮，看到非常普通的文字[详细]
-
纯Css气泡箭头特效，采用css3的语言框效果
所属栏目：[专访] 日期：2018-08-17 热度：73
纯Css气泡箭头特效，采用css3的语言框效果，类似于提示框的效果，带尖口的导航更具人性化，不过要实现各种浏览器都兼容的代码，还真不是容易事，在不懈努力下，总算是完成了，只是有些繁琐。这个效果的实现主要用到了transform之中的skew，希望能为CSS学习[详细]
-
CSS清除浮动代码：万能的float闭合
所属栏目：[专访] 日期：2018-08-17 热度：150
清除浮动，这在CSS3中有着重要的意义，在很多时候，如果不清除浮动，那么您的网页很可能在FF中会出错，在IE中也不会有好的表现，造成页面变形扭曲，绝非你想要的效果。今天向大家介绍一种简洁易用的方法，有浮动的时候，给需要闭合的DIV（class为clearfix[详细]
-
非常有趣! 纯 Css 完成一些小三角形代码
所属栏目：[专访] 日期：2018-08-17 热度：57
非常有趣! 纯 Css 完成一些小三角形代码，通过标题大家就可以看出来了，这是一个很简单但具有趣味性的代码，高手就不要看了，正在学习Css的朋友可以开拓一下视野。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org[详细]
-
Css 实现边框阴影及垂直居中效果代码
所属栏目：[专访] 日期：2018-08-17 热度：169
Css 实现边框阴影及垂直居中效果，让一个DIV框变成阴影的，没用任何的修饰图片哦，地地道道的CSS特效代码，另外那个居中代码也很实用，从事前端布局的朋友就会明白，居中我们经常会用到的。 演示代码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transi[详细]
-
CSS背景图片居中代码，半透明显示文字
所属栏目：[专访] 日期：2018-08-17 热度：149
CSS控制图片实现始终居中显示，半透明显示文字，不管你如何拉大或缩小浏览器，它始终处于浏览器的中间位置，这是个十分实用的代码，很多时候我们都要用到此种情形的居中。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www[详细]
-
CSS 嵌套的DIV层的代码，关于定位的例子
所属栏目：[专访] 日期：2018-08-17 热度：105
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-17 热度：73
左浮动、右浮动的CSS对齐方法，两个CSS固定浮动的方框，一个左上对齐，一个右下对齐，随浏览器的大小始终不会变化，这里面用到了两个重要的CSS属性：一个是position，另一个是Left和Right属性。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transi[详细]
-
Css 结合图片修饰的圆角边框代码
所属栏目：[专访] 日期：2018-08-17 热度：113
CSS使用图片实现边框圆角，用两张图片作为背景，两张作为修饰，形成大圆角的效果，圆角的大小请根据自己的需要修改，修改过程中要对应修改CSS的代码，仅供参考。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/T[详细]
-
CSS 圆角边框，无图、纯 CSS 实现的代码
所属栏目：[专访] 日期：2018-08-17 热度：71
CSS 圆角边框，无图、纯 CSS 实现的代码。方法简单，不过有点繁琐，建立了很多的Div，CSS圆角还有些更为简便的方法，本款只作为您的参考，希望为您学习CSS开拓一些思路。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.[详细]
