-
CSS样式表学习实例,表单文本框的简单美化
所属栏目:[专访] 日期:2018-08-25 热度:81
学好了CSS,美化各种各样的表单或输入框、按钮、表格都轻松容易,本示例就是美化表单中的输入框以及按钮的,将系统默认的灰色表单组件变成符合你网页风格或者说是你想要的风格,请先运行一下代码,浏览一下效果吧。 演示: !DOCTYPE html PUBLIC -//W3C//D[详细]
-
通过CSS将Input按钮变成普通文字效果
所属栏目:[专访] 日期:2018-08-25 热度:109
利用自己所学的CSS知识,今天我们来做一个看上去像文本的按钮吧。其实本身它还是一个Input,只是我们用CSS把它变为了文本,去掉了按钮原有的边框、颜色什么的,一切恢复如初了,通过本教程只是让CSS初学者学会CSS的使用,并不是让您去用这个按钮。 演示:[详细]
-
使用fieldset标签结合CSS Lable实现表单的布局
所属栏目:[专访] 日期:2018-08-25 热度:147
使用fieldset标签结合CSS的Lable标签实现表单的布局,以前听一些新手说,用CSS而布局表单真的有点难啊,其实是没找到方法,使用fieldset标签,再配合Lable可达到事半功倍的效果,而且布局出来的表单代码简洁、结构清淅,也便于修改,何不尝试一下呢? 演示[详细]
-
纯 CSS border 用法实例之四:三角形对角线
所属栏目:[专访] 日期:2018-08-25 热度:195
纯 CSS border 用法实例之四:三角形对角线,斜边都是依靠原来盒子的边,还有另外一种形式就是斜边在盒子的对角线上,保留其中一种颜色,就可以得到斜边在对角线上的三角形了,多个这样的三角形通过设置边框大孝颜色、拼凑起来可以形成任意形状的三角形。[详细]
-
纯 CSS border 用法举例之三:实现三角形图形
所属栏目:[专访] 日期:2018-08-25 热度:143
这是CSS Border 应用举例之三,实战一个三角形图形,其原理请参阅之前的两个小例子,再次变通一下就实现了这个三角形,思路是将其余三个的颜色设置为透明或设置成与背景色一样的颜色,只保留最上边一个三角形,当然了,如果想实现其它开口方向的三角形,其[详细]
-
纯 CSS border 用法举例之二:立体矩形
所属栏目:[专访] 日期:2018-08-25 热度:165
纯 CSS border 用法举例之二,生成立体的菱形效果,代码编写过程中要注意,依次设置设置overflow, font-size, line-height,因为, 虽然宽高度为0, 但在IE6下会具有默认的字体大小和行高, 导致盒子呈现被撑开的长矩形,因此要把字体和行高重新定义为0,避开[详细]
-
纯 CSS border 用法举例之一:空心菱形
所属栏目:[专访] 日期:2018-08-25 热度:162
CSS border 用法举例之一:空心菱形,这一个是最好理解的,只要设置div的边框颜色,然后设置宽度和高度就行了,不要被这复杂的图形吓怕啊,其实代码很简单。在以后还将有其它更神奇的效果。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transition[详细]
-
Css背景颜色渐变,纯CSS指定Div背景渐变显示
所属栏目:[专访] 日期:2018-08-25 热度:73
纯CSS指定Div背景渐变,烈火学院提示,仔细看清哦,这里绝非图片,但与图片背景的效果一模一样,而且用CSS直接生成,会提高浏览性能。原理是使用CSS中的Filter,具体用法请看代码,运用了CSS3中部分样式,目前兼容IE6,IE7, IE8 ,friefox,chreom浏览器[详细]
