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 · 477 阅读 · 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.0Author: binyEmail: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 · 160 阅读 · 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 · 501 阅读 · 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 评论