css
iteye_20824
这个作者很懒,什么都没留下…
展开
-
将彩色图片变黑白效果
将彩色图片变黑白效果CSS实现鼠标经过图片有黑白变为彩色CSS实现鼠标经过图片由黑白变彩色A IMG { FILTER: gray}A:hover IMG {FILTER:} ...2010-03-31 00:12:42 · 127 阅读 · 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 · 446 阅读 · 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 · 195 阅读 · 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 · 335 阅读 · 0 评论 -
js圆角框组件(图片)
[code="html"]/*Name: b_RoundCurve Css圆角框组件--冰极峰Version: 1.0Author: binyEmail:[email protected]冰极峰博客地址:http://www.cnblogs.com/binyong你可以免费使用和修改代码,但请保留完整的版权信息。有如下五种调用方法: b_RoundCurve("b...原创 2011-08-09 23:30:58 · 183 阅读 · 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 · 81 阅读 · 0 评论 -
CSS 语法
CSS 语法CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。selector {declaration1; declaration2; ... declarationN }选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。属性(property)是您希望设置的样式属性(style at...原创 2011-08-09 22:57:13 · 104 阅读 · 0 评论 -
加到网页中做鼠标指针图标
其实这步很简单,实现这个功能是使用CSS,在HTML页面的head标记中加入一些CSS代码即可,加入什么样的代码可以根据不到的需要来决定,如下要在整个页面中都加上一个图标则可将下列代码加入: 三、IE地址栏前换成自己的图标 WordPress在当前主题的header.php里面加上: ...2010-03-31 00:22:15 · 197 阅读 · 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 · 55 阅读 · 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 · 448 阅读 · 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 · 94 阅读 · 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 · 291 阅读 · 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 · 78 阅读 · 0 评论 -
CSS模块化设计——从空格谈起
引子:今天在蓝点看了Yang的博客《CSS样式表中继承关系的空格与不空格》,思考了一下,本来想写《CSS样式的复合定义与复合调用及简单的模块化设计》,但是内容太大,还是来点简单的实惠。所以改叫《CSS样式——从空格谈起》吧。一、空格运算符(1)CSS语言简单地说,CSS语言类似JS语言,是通过客户端下载后,通过本地浏览器解析。而CSS语言又是非常低级的“弱类型”语言,离JS...原创 2011-12-06 12:00:06 · 79 阅读 · 0 评论