
css
iteye_20824
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
将彩色图片变黑白效果
将彩色图片变黑白效果 CSS实现鼠标经过图片有黑白变为彩色 CSS实现鼠标经过图片由黑白变彩色 A IMG { FILTER: gray } A:hover IMG {FILTER: } ...2010-03-31 00:12:42 · 154 阅读 · 0 评论 -
修改 input file 的按钮值
在网页中修改头像功能时需要把文件框给隐藏掉,网上找到如下方法解决,兼容firefox和IE。图片选择后检查图片类型是否合法。 [code="html"] .fileinput{ width:0px; font-size:12px; margin-left:-50px; margin-top:-3px; position:absolute...原创 2011-11-23 14:32:00 · 476 阅读 · 0 评论 -
div+css+ul+li表格
[code="html"] #div1 { width: 451px; } #div1 ul { width: 451px; margin: 0px; } #div1 li { float: left; width: 149px; height: 50px; list-style-type: none; border-left:#000 1px...2011-08-10 18:48:14 · 239 阅读 · 0 评论 -
纯div+css表格
[code="html"] #div1 { width: 904px; } #left { float: left; width: 300px; height: 50px; list-style-type: none; border-left:1px solid; border-top: 1px solid; border-right:1px solid;...2011-08-10 18:45:16 · 379 阅读 · 0 评论 -
js圆角框组件(图片)
[code="html"]/* Name: b_RoundCurve Css圆角框组件--冰极峰 Version: 1.0 Author: biny Email:szbiny@163.com 冰极峰博客地址:http://www.cnblogs.com/binyong 你可以免费使用和修改代码,但请保留完整的版权信息。 有如下五种调用方法: b_RoundCurve("b...原创 2011-08-09 23:30:58 · 232 阅读 · 0 评论 -
DIV+CSS圆角框组件
[code="java"] DIV+CSS圆角框组件 /*原理:由左右边框长度、左右缩进以及溢出隐藏实现。*/ /*高度由div的width决定*/ div#sidebar_f { margin: 0; padding: 0; float: left; width: 800px; text-align: center; } div#sidebar...2011-08-09 23:04:00 · 131 阅读 · 0 评论 -
CSS 语法
CSS 语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。 selector {declaration1; declaration2; ... declarationN } 选择器通常是您需要改变样式的 HTML 元素。 每条声明由一个属性和一个值组成。 属性(property)是您希望设置的样式属性(style at...原创 2011-08-09 22:57:13 · 158 阅读 · 0 评论 -
加到网页中做鼠标指针图标
其实这步很简单,实现这个功能是使用CSS,在HTML页面的head标记中加入一些CSS代码即可,加 入什么样的代码可以根据不到的需要来决定,如下要在整个页面中都加上一个图标则可将下列代码加 入: 三、IE地址栏前换成自己的图标 WordPress在当前主题的header.php里面加上: ...2010-03-31 00:22:15 · 245 阅读 · 0 评论 -
css学习
关于class与ID 在CSS里,使用点号(.)创建class选择器,使用hash符号(#)创建ID选择器。 例子: #top { background-color: #ccc; padding: 1em } .intro { color: red; font-weight: bold; } html页面通...2010-03-31 00:18:14 · 78 阅读 · 0 评论 -
纯CSS之使用书签构造图片切换展示效果
CSS部分: a { font:bold 12px/20px "宋体",sans-serif; text-decoration:none; } #dyimgview { width:260px; } #dyimgview h3 { width:100%; margin:10px 0; overflow:hidden; } #dyimgview h3 a {...2010-03-31 00:17:06 · 500 阅读 · 0 评论 -
HTML默认样式
html,body,div, h1,h2,h3,h4,h5,h6,p, ol,ul,dl,dt,dd, form,fieldset, blockquote,address,hr,pre { display: block } input,select { display: inline-block } li { display: list-item } head { display: ...2010-03-31 00:15:39 · 124 阅读 · 0 评论 -
css将超出的部分显示为省略号的方法(兼容火狐)
css把超出的部分显示为省略号的方法兼容火狐 * { margin: 0; padding: 0; } a { text-decoration: none; color: #000; } a:hover { text-decoration: none; color: #000; } ul { width: 300px; margin: 40px auto; pad...2010-03-31 00:14:32 · 324 阅读 · 0 评论 -
CSS技巧13则
1,简写CSS---简洁可读,减少CSS文件尺寸 在设置边框\边距等样式时,可使用以下代码: border:1px solid gray; /*四边各1px边框*/ margin:1px; /*四边各1px边距*/ margin:1px 2px; /*上下边1px,左右边2px*/ ...2010-03-31 00:13:33 · 105 阅读 · 0 评论 -
CSS模块化设计——从空格谈起
引子: 今天在蓝点看了Yang的博客《CSS样式表中继承关系的空格与不空格》,思考了一下,本来想写《CSS样式的复合定义与复合调用及简单的模块化设计》,但是内容太大,还是来点简单的实惠。所以改叫《CSS样式——从空格谈起》吧。 一、空格运算符 (1)CSS语言 简单地说,CSS语言类似JS语言,是通过客户端下载后,通过本地浏览器解析。而CSS语言又是非常低级的“弱类型”语言,离JS...原创 2011-12-06 12:00:06 · 103 阅读 · 0 评论