-
CSS给select下拉列表的文字增加背景色
所属栏目：[专访] 日期：2018-08-20 热度：123
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-20 热度：109
CSS fieldset 标签完成简单美化的表单代码，虽然它是一个表单，但对本例的教学意义来说应该划分到CSS类吧，用fieldset布置表单，简直是太方便了，不知道它的人，有可能会用UL/LI来布局表单，不是不可以，但精确布局表单结构会带来很大麻烦，何不使用fields[详细]
-
CSS样式表学习实例，表单文本框的简单美化
所属栏目：[专访] 日期：2018-08-20 热度：79
学好了CSS，美化各种各样的表单或输入框、按钮、表格都轻松容易，本示例就是美化表单中的输入框以及按钮的，将系统默认的灰色表单组件变成符合你网页风格或者说是你想要的风格，请先运行一下代码，浏览一下效果吧。 演示： !DOCTYPE html PUBLIC -//W3C//D[详细]
-
通过CSS将Input按钮变成普通文字效果
所属栏目：[专访] 日期：2018-08-20 热度：65
利用自己所学的CSS知识，今天我们来做一个看上去像文本的按钮吧。其实本身它还是一个Input，只是我们用CSS把它变为了文本，去掉了按钮原有的边框、颜色什么的，一切恢复如初了，通过本教程只是让CSS初学者学会CSS的使用，并不是让您去用这个按钮。 演示：[详细]
-
使用fieldset标签结合CSS Lable实现表单的布局
所属栏目：[专访] 日期：2018-08-20 热度：187
使用fieldset标签结合CSS的Lable标签实现表单的布局，以前听一些新手说，用CSS而布局表单真的有点难啊，其实是没找到方法，使用fieldset标签，再配合Lable可达到事半功倍的效果，而且布局出来的表单代码简洁、结构清淅，也便于修改，何不尝试一下呢？ 演示[详细]
-
纯 CSS border 用法实例之四：三角形对角线
所属栏目：[专访] 日期：2018-08-20 热度：75
纯 CSS border 用法实例之四：三角形对角线，斜边都是依靠原来盒子的边，还有另外一种形式就是斜边在盒子的对角线上，保留其中一种颜色，就可以得到斜边在对角线上的三角形了，多个这样的三角形通过设置边框大孝颜色、拼凑起来可以形成任意形状的三角形。[详细]
-
纯 CSS border 用法举例之三：实现三角形图形
所属栏目：[专访] 日期：2018-08-20 热度：78
这是CSS Border 应用举例之三，实战一个三角形图形，其原理请参阅之前的两个小例子，再次变通一下就实现了这个三角形，思路是将其余三个的颜色设置为透明或设置成与背景色一样的颜色，只保留最上边一个三角形，当然了，如果想实现其它开口方向的三角形，其[详细]
-
纯 CSS border 用法举例之二：立体矩形
所属栏目：[专访] 日期：2018-08-20 热度：105
纯 CSS border 用法举例之二，生成立体的菱形效果，代码编写过程中要注意，依次设置设置overflow, font-size, line-height，因为, 虽然宽高度为0, 但在IE6下会具有默认的字体大小和行高, 导致盒子呈现被撑开的长矩形，因此要把字体和行高重新定义为0，避开[详细]
-
纯 CSS border 用法举例之一：空心菱形
所属栏目：[专访] 日期：2018-08-20 热度：111
CSS border 用法举例之一：空心菱形，这一个是最好理解的，只要设置div的边框颜色，然后设置宽度和高度就行了，不要被这复杂的图形吓怕啊，其实代码很简单。在以后还将有其它更神奇的效果。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transition[详细]
-
Css背景颜色渐变，纯CSS指定Div背景渐变显示
所属栏目：[专访] 日期：2018-08-20 热度：170
纯CSS指定Div背景渐变，烈火学院提示，仔细看清哦，这里绝非图片，但与图片背景的效果一模一样，而且用CSS直接生成，会提高浏览性能。原理是使用CSS中的Filter，具体用法请看代码，运用了CSS3中部分样式，目前兼容IE6，IE7， IE8 ，friefox，chreom浏览器[详细]
-
CSS实现的3D旋转（三维）效果,transform-style
所属栏目：[专访] 日期：2018-08-17 热度：116
一款CSS实现的3D旋转（三维）效果，叫作：transform-style实例，小编分别在 IE8 、opera下测试均无法显示效果，在IE下显示的是层叠效果，在opera下显示的层重叠效果，在chrome浏览器下可以显示三维旋转的层，效果还是非常不错的。 演示： !DOCTYPE htmlhtm[详细]
-
鼠标悬停时图片加边框效果,已杜绝图片移位
所属栏目：[专访] 日期：2018-08-17 热度：89
鼠标悬停时图片加边框效果，有许多童鞋都试过鼠标滑过图片给其加边框吧，但是您加的边框有没有图片移位呢？本文就实现了图片不移位。 当鼠标滑过图片时，图片出现用CSS定义的外框，但很多时候，加了边框后，图片要产生位移，影响整体效果，本例的三种方法[详细]
-
用CSS的cursor属性来改变鼠标形状样式显示
所属栏目：[专访] 日期：2018-08-17 热度：97
用CSS的cursor属性来改变鼠标形状样式显示，我们比较熟悉而又陌生的效果，比如您将鼠标放在链接上时显示手形，将鼠标放在文本上则显示I形，各种形状，大家一起来看看烈火网给大家展示的代码和相关使用方法吧！ 演示： htmlheadtitle用CSS来改变鼠标形状样[详细]
-
简单几行代码实现纯Css三角形，兼容Chrome
所属栏目：[专访] 日期：2018-08-17 热度：137
今天看到一个简单几行代码实现纯Css三角形代码，经过小编测试兼容 IE8 和 Chrome 浏览器，尽管这类的代码没有什么实用价值，但是学习一下还是非常不错的，一起来看下吧 示例代码： !DOCTYPE htmlhtmlheadtitle纯css三角形/titlestyle.veryhuosjx{height:0;[详细]
-
自定义滚动条颜色，Css改变网页滚动条样式
所属栏目：[专访] 日期：2018-08-17 热度：194
网页的滚动条是我们再熟悉不过的了，因为我们每天上网的时候都会看到它，并且还会经常点击并下拉他，作为站长或网页制作爱好者来说，如果您想给看了很久样子非常经典的滚动条换个颜色，怎么办呢，本文就是改变滚动条颜色的一个CSS实例，一起来看一下。 示[详细]
-
纯css实现三角形图标的特殊代码，值得参考
所属栏目：[专访] 日期：2018-08-17 热度：147
继续介绍关于纯Css打造三角形的代码，尤其本文与之前的文章还是有相同之处的，强烈建议大家好好学习一下。编写起来挺简单，CSS初学者也容易看懂。 示例： !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /title三[详细]
-
Css代码：em标签实现li列表中小三角形效果
所属栏目：[专访] 日期：2018-08-17 热度：83
本文向大家介绍的文章是一个纯Css代码，利用em标签实现li列表中小三角形效果，之前的文章中烈火网已经介绍了许多纯css三角形，但是关于这种效果的还是首例，希望对大家的网页布局有所帮助。 示例： !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type con[详细]
-
jQuery表单美化代码：ul模拟select的实现效果
所属栏目：[专访] 日期：2018-08-17 热度：135
一款 jQuery 实现的表单美化代码，主要是将ul模拟为select效果，关于jQuery美化或CSS美化表单的例子烈火网还有很多，大家可以通过本站的表单美化标签进行索引。 为解决一些网页特效运行后不能显示效果（例如：jQuery则需要刷新）问题，烈火特别新增网页版[详细]
-
鼠标经过图片时，其它区域变暗，图片“高亮”显示
所属栏目：[专访] 日期：2018-08-17 热度：91
jQuery 实现的一个小特效，当鼠标经过图片时，其它区域自动变暗，看上去图片高亮显示了，其实鼠标所在的图片并没有加亮，而其它区域变暗给它带来的高亮显示感觉，给其以突出的感觉，对于网站的用户体验还是非常不错的，推荐大家使用。 为解决一些网页特效[详细]
-
纯Css构建动感炫酷的Logo标志，Css3代码
所属栏目：[专访] 日期：2018-08-17 热度：184
纯Css3构建动感炫酷的Logo标志，在 IE8 及以下浏览器只能看到非常普通的效果，如果您想看到动态的效果，请使用 IE9 、火狐、 Chrome 等浏览器，烈火小编在Chrome下演示的效果 截图 如下： 再看运行效果： !doctype htmlhtmlheadmeta http-equiv=content-ty[详细]
-
基于css仿制的excel表格特效 可以输入文字
所属栏目：[专访] 日期：2018-08-15 热度：187
今天晚上破宽带慢的不行，干什么都慢，于是用css和table写了一款类似excel表格效果，也想加点JS实现增加一行和恢复效果，但是最终由于时间问题没有写出来，供大家参考吧，如果有什么问题，欢迎给veryhuo.com留言哦。 演示： htmlheadtitle直接输入的Excel[详细]
-
CSS无图完成漂亮的“热点调查”效果
所属栏目：[专访] 日期：2018-08-15 热度：104
记得在某浪网站上看到过一个漂亮的纯Css特效的调查表，看了一下代码，没有使用任何图片，但是非常漂亮，于是最火软件站（原烈火网）就把这个代码整理出来了，希望对您有帮助吧。 演示： htmlheadtitleVeryhuo.com调查问卷/titlestyle!--table.outside{ /*[详细]
-
CSS自动截断表格内的长字符 以省略号显示
所属栏目：[专访] 日期：2018-08-15 热度：162
CSS自动截断表格内的长字符，以省略号显示，大家可能在一些网站看到过这样的效果，目的是让表格或布局更美观一些，但是不利于阅读，如果您可以能该属性加上title或链接的话那就利于网站体验了，您说是吗？ 来看效果： !DOCTYPEhtmlheadmeta http-equiv=Con[详细]
-
CSS3特效：纯CSS打造“知美”网站LOGO效果
所属栏目：[专访] 日期：2018-08-15 热度：118
这是一款CSS3特效，使用纯CSS打造知美网站LOGO效果，大家都知道css3只有在 IE9 、火狐和chrome等浏览器下才会有最好的显示效果，因此您如果使用 IE8 及以下浏览器就不要看了，效果很差的。 演示： !DOCTYPE HTMLhtmlheadmeta http-equiv=Content-Type cont[详细]
-
子鼠CSS相册效果，图片点击切换展示代码
所属栏目：[专访] 日期：2018-08-15 热度：129
子鼠CSS相册效果，是一款图片切换代码，效果在IE6和7中测试过了，另外，由于这个例子中的代码是我从上一个相册中改的，所以代码和CSS不是最优的。有相当大的优化空间。再另外，在现实中，我想也不会有人用这个东西来作相册，我想实现的只是CSS和HTML在一起[详细]
