-
非常有趣! 纯 Css 完成一些小三角形代码
所属栏目：[专访] 日期：2018-08-27 热度：146
非常有趣! 纯 Css 完成一些小三角形代码，通过标题大家就可以看出来了，这是一个很简单但具有趣味性的代码，高手就不要看了，正在学习Css的朋友可以开拓一下视野。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org[详细]
-
Css 实现边框阴影及垂直居中效果代码
所属栏目：[专访] 日期：2018-08-27 热度：196
Css 实现边框阴影及垂直居中效果，让一个DIV框变成阴影的，没用任何的修饰图片哦，地地道道的CSS特效代码，另外那个居中代码也很实用，从事前端布局的朋友就会明白，居中我们经常会用到的。 演示代码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transi[详细]
-
CSS背景图片居中代码，半透明显示文字
所属栏目：[专访] 日期：2018-08-27 热度：177
CSS控制图片实现始终居中显示，半透明显示文字，不管你如何拉大或缩小浏览器，它始终处于浏览器的中间位置，这是个十分实用的代码，很多时候我们都要用到此种情形的居中。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www[详细]
-
CSS 嵌套的DIV层的代码，关于定位的例子
所属栏目：[专访] 日期：2018-08-27 热度：58
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-27 热度：76
左浮动、右浮动的CSS对齐方法，两个CSS固定浮动的方框，一个左上对齐，一个右下对齐，随浏览器的大小始终不会变化，这里面用到了两个重要的CSS属性：一个是position，另一个是Left和Right属性。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transi[详细]
-
Css 结合图片修饰的圆角边框代码
所属栏目：[专访] 日期：2018-08-27 热度：100
CSS使用图片实现边框圆角，用两张图片作为背景，两张作为修饰，形成大圆角的效果，圆角的大小请根据自己的需要修改，修改过程中要对应修改CSS的代码，仅供参考。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/T[详细]
-
CSS 圆角边框，无图、纯 CSS 实现的代码
所属栏目：[专访] 日期：2018-08-27 热度：113
CSS 圆角边框，无图、纯 CSS 实现的代码。方法简单，不过有点繁琐，建立了很多的Div，CSS圆角还有些更为简便的方法，本款只作为您的参考，希望为您学习CSS开拓一些思路。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.[详细]
-
CSS美化Calendar日历的雏形，并无日历功能
所属栏目：[专访] 日期：2018-08-27 热度：90
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-27 热度：58
本例是Css中inline的用法，我们在日常的网页制作中，可能遇到这样的问题，按钮和文本框不在同一水平线上，这个要怎么解决呢？本文就是解决案例，用到了，CSS的语法：display:inline，如果你对CSS了解还是不足，建议阅读烈火学院提供的CSS中文手册。 演示：[详细]
-
CSS给select下拉列表的文字增加背景色
所属栏目：[专访] 日期：2018-08-24 热度：64
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-24 热度：129
CSS fieldset 标签完成简单美化的表单代码，虽然它是一个表单，但对本例的教学意义来说应该划分到CSS类吧，用fieldset布置表单，简直是太方便了，不知道它的人，有可能会用UL/LI来布局表单，不是不可以，但精确布局表单结构会带来很大麻烦，何不使用fields[详细]
-
CSS样式表学习实例，表单文本框的简单美化
所属栏目：[专访] 日期：2018-08-24 热度：171
学好了CSS，美化各种各样的表单或输入框、按钮、表格都轻松容易，本示例就是美化表单中的输入框以及按钮的，将系统默认的灰色表单组件变成符合你网页风格或者说是你想要的风格，请先运行一下代码，浏览一下效果吧。 演示： !DOCTYPE html PUBLIC -//W3C//D[详细]
-
通过CSS将Input按钮变成普通文字效果
所属栏目：[专访] 日期：2018-08-24 热度：145
利用自己所学的CSS知识，今天我们来做一个看上去像文本的按钮吧。其实本身它还是一个Input，只是我们用CSS把它变为了文本，去掉了按钮原有的边框、颜色什么的，一切恢复如初了，通过本教程只是让CSS初学者学会CSS的使用，并不是让您去用这个按钮。 演示：[详细]
-
使用fieldset标签结合CSS Lable实现表单的布局
所属栏目：[专访] 日期：2018-08-24 热度：181
使用fieldset标签结合CSS的Lable标签实现表单的布局，以前听一些新手说，用CSS而布局表单真的有点难啊，其实是没找到方法，使用fieldset标签，再配合Lable可达到事半功倍的效果，而且布局出来的表单代码简洁、结构清淅，也便于修改，何不尝试一下呢？ 演示[详细]
-
纯 CSS border 用法实例之四：三角形对角线
所属栏目：[专访] 日期：2018-08-24 热度：108
纯 CSS border 用法实例之四：三角形对角线，斜边都是依靠原来盒子的边，还有另外一种形式就是斜边在盒子的对角线上，保留其中一种颜色，就可以得到斜边在对角线上的三角形了，多个这样的三角形通过设置边框大孝颜色、拼凑起来可以形成任意形状的三角形。[详细]
-
纯 CSS border 用法举例之三：实现三角形图形
所属栏目：[专访] 日期：2018-08-24 热度：190
这是CSS Border 应用举例之三，实战一个三角形图形，其原理请参阅之前的两个小例子，再次变通一下就实现了这个三角形，思路是将其余三个的颜色设置为透明或设置成与背景色一样的颜色，只保留最上边一个三角形，当然了，如果想实现其它开口方向的三角形，其[详细]
-
纯 CSS border 用法举例之二：立体矩形
所属栏目：[专访] 日期：2018-08-24 热度：89
纯 CSS border 用法举例之二，生成立体的菱形效果，代码编写过程中要注意，依次设置设置overflow, font-size, line-height，因为, 虽然宽高度为0, 但在IE6下会具有默认的字体大小和行高, 导致盒子呈现被撑开的长矩形，因此要把字体和行高重新定义为0，避开[详细]
-
纯 CSS border 用法举例之一：空心菱形
所属栏目：[专访] 日期：2018-08-23 热度：130
CSS border 用法举例之一：空心菱形，这一个是最好理解的，只要设置div的边框颜色，然后设置宽度和高度就行了，不要被这复杂的图形吓怕啊，其实代码很简单。在以后还将有其它更神奇的效果。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transition[详细]
-
Css背景颜色渐变，纯CSS指定Div背景渐变显示
所属栏目：[专访] 日期：2018-08-23 热度：98
纯CSS指定Div背景渐变，烈火学院提示，仔细看清哦，这里绝非图片，但与图片背景的效果一模一样，而且用CSS直接生成，会提高浏览性能。原理是使用CSS中的Filter，具体用法请看代码，运用了CSS3中部分样式，目前兼容IE6，IE7， IE8 ，friefox，chreom浏览器[详细]
-
Css Overflow 溢出属性实例代码，显示滚动条
所属栏目：[专访] 日期：2018-08-20 热度：58
Css Overflow 溢出属性实例代码，显示滚动条。关于溢出属性的实例，在本实例中使用了auto值，当内容部分超出元素大小的时候，将会在元素的右侧显示滚动条,否则元素将按照正常的方式显示。。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transition[详细]
-
CSS使用滤镜遮罩，在图片上形成水印效果
所属栏目：[专访] 日期：2018-08-20 热度：90
CSS使用滤镜遮罩，在图片上形成水印效果 这幅效果图用文字闪烁和mask滤镜效果综合来完成...... race字样本是一幅图，对它使用了mask滤镜，即是把图案区域镂空来显示该图下面一层的文字.... HTMLHEADTITLECSS水印图片/TITLESTYLE.30PT{font-size:30pt;color[详细]
-
三种用CSS滤镜实现的图片透明度及渐变效果
所属栏目：[专访] 日期：2018-08-20 热度：167
三种用CSS滤镜实现的图片透明度及渐变效果，单击鼠标左键,观察ALPHA滤镜效果。每单击一次就会有一种不同的效果出现。一个比较老的特效代码，但是具有收藏和学习价值。 演示代码： HTMLHEADTITLE新的一页/TITLESTYLE!--样式单 --.15pt{font-size:15pt;color[详细]
-
CSS滤镜修饰网页图片显示出的不同效果
所属栏目：[专访] 日期：2018-08-20 热度：61
CSS滤镜修饰网页图片显示出的不同效果，图在不同的CSS滤镜作用下，呈现出不同的效果。。。其实CSS的此项功能非常实用，用它可以生成出灰度图、底片效果、X光效果等，实例仅列出了一小部分，还有不少的图片效果可以用CSS滤镜来完成。 演示： htmlheadtitle[详细]
-
CSS 定义上划线、下线线、删除线代码
所属栏目：[专访] 日期：2018-08-20 热度：114
烈12火98网(LieHuo21.Net)教95程 CSS 定义上划线、下线线、删除线代码，这三种线是最常用的，删除线一般用在商城或产品类网页中，下划线则使用较广泛，上划线这个见的比较少，多掌握一些CSS的基础知识，对你绝对没有害处。 代码演示： !DOCTYPE html PUBLI[详细]
-
Css 自定义滚动条属性二例
所属栏目：[专访] 日期：2018-08-20 热度：63
一。用CSS自定义滚动条属性。 实际上从代码里你并没有发现有滚动条，但是最终的效果却出现了滚动条，它可以根据框内内容的多少自动适应，细心的朋友会发现，这其实是在CSS里定义了一个 overflow:scroll属性。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHT[详细]
