CSS
liaoxueli
这个作者很懒,什么都没留下…
展开
-
文本框不随value值的长度而变
在文本框所在的表格的样式中加入.info-table { background-color: #C8C8C6; [color=red]table-layout:fixed;[/color]}注意表格的第一行单元格设置长度,否则默认为100%其余行的宽度以第一行的为准...2008-07-14 15:53:39 · 103 阅读 · 0 评论 -
在图像的周围加入边框的简单的方法
oSrc.style.border = "5px outset #00FFFF";2009-02-23 16:36:17 · 804 阅读 · 0 评论 -
让div+css的div居中, 而里面的文字不居中的做法
让div+css的div居中, 而里面的文字不居中的做法: [code="java"]做一个测试--WEB开发网body{margin:0px;}#countainer{margin:auto;width:600px;height:100%;background-color:#cccccc;}WEB开发网 ...2010-04-24 10:42:04 · 1004 阅读 · 0 评论 -
Table边框使用总结
一、表格的常用属性基本属性有:width(宽度)、height(高度)、border(边框值)、cellspacing(表格的内宽,即表格与tr之间的间隔)、 cellpadding(表格内元素的间隔,即tr与tr之间的间隔)、bordercolorlight(表格的亮边框颜色)、 bordercolordark(表格的暗边框颜色)、bgcolor(表格的背景色)、background(表格的...2010-04-25 18:39:09 · 78 阅读 · 0 评论 -
CSS hack:区分IE6,IE7,firefox
区别不同浏览器,CSS hack写法:区别IE6与FF: background:orange;*background:blue;区别IE6与IE7: background:green !important;background:blue;区别IE7与FF: background:orange; *backgroun...原创 2010-06-11 13:00:57 · 69 阅读 · 0 评论 -
【转】jQuery插件推荐:集合多种过渡效果幻灯片插件 Nivo Slider
这款jQuery插件Nivo Slider,除了一般该有的参数设置外,最大的亮点就是其集成了16种(v2.5.1)过渡效果 ,再加上对CSS的调整,效果相信已经可以和很多Flash版本的焦点图相媲美了…… 插件同时还支持缩略图导航以及键盘控制。 参数列表: effect: 'random',// 过渡效果 slices: 15, boxC...原创 2011-08-29 14:18:18 · 200 阅读 · 0 评论 -
【转】如何设置HTML span 的宽度
该文讲述如何设定 HTML span 宽度。缺省情况 HTML span 的宽度设定无效在 HTML 中如何设定 span 的宽度?这看上去是个很简单的问题,似乎用 style 中的 width 属性就可以。例如:[code="java"]Test Spanspan { background-color:#ffcc00; width:150px;}fixed width...原创 2011-09-05 11:24:33 · 142 阅读 · 0 评论 -
文本框中加入文字提示
HTML[code="java"][/code]CSS[code="java"].watertext{ color:#999999;}[/code]javascript[code="java"] function clearDefaultValue() { var value = $("#keywords").val(...原创 2011-09-09 15:49:56 · 324 阅读 · 0 评论 -
在span中margin失效的解决方法
[quote]因为span默认是行属性,而div默认是块属性,把span强制设为块属性就可以了。即把这段span{ margin-left:25px; margin-top:200px; }改为span{ margin-left:25px; margin-top:200px; display:block;}[/quote]...原创 2011-09-14 16:48:22 · 2485 阅读 · 0 评论 -
css 实现圆角边框
Border-radius 允许你使用CSS创建圆角而不需要使用图片或者是JavaScript。如果你还没有使用这个的话,请看看这个教程。 对文档不感兴趣?直接看一下演示吧。 圆角 从历史上来说,圆角通过背景图片和JavaScript实现起来相当棘手 。交互设计师会经常感到无奈,网页设计师也会为此倍感纠结。这种问题将不再存在! 全部圆角 现在你可以很容易的使...原创 2011-09-19 10:32:39 · 141 阅读 · 0 评论 -
一个 class,多个样式表
[quote]问:如何使用一个 class 应用多个样式表?比如如下样式表:.c1{color:#FF0000;}.c2{font-size:14px;}标题如何使标题既可以用 c1 也可以用 c2。答:在 class 值的多个名称之中用空格隔开。如:标题标题就会显示为红色、14px。[/quote]...原创 2010-01-19 17:21:51 · 263 阅读 · 0 评论 -
兼容比较好的一个浮动层代码.css xhtml
[code="java"]无标题文档//div#floatTips{ position:absolute; border:solid 1px #777; padding:3px; top:250px; left:500px; width:300px; background:#cccccc; color:whit...原创 2009-09-24 11:59:32 · 75 阅读 · 0 评论 -
不用表格的菜单
1.不用表格的菜单(纵向)我们先来看菜单的最终效果: Source Code to Run [www.52css.com] 什么是网站标准使用标准的好处怎样过渡相关教程工具资源及链接 [ 可先修改部分代码 再运行查看效果 ]通常方法我们至少嵌套2层表格来实现这样的菜单,间隔...原创 2008-08-26 11:49:25 · 98 阅读 · 0 评论 -
隐藏页面中的元素
managertr.style.display="none";//隐藏managertr.style.display="";//显示其中managertr为页面中要控制显隐的元素的id值2008-07-15 16:03:01 · 108 阅读 · 0 评论 -
css 实现背景颜色渐变效果
style="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#528BCF,endcolorstr=#D0DEF2,gradientType=1)"2008-07-25 14:05:49 · 206 阅读 · 0 评论 -
为div设置边框
为层设置虚线边框为层设置实线边框2008-08-19 15:36:29 · 401 阅读 · 0 评论 -
控制按钮中的字在垂直方向上的位置
用pandding属性[code="java"]padding-top:4px;//距离按钮上方的位置padding-bottom:4px;//距离按钮下方的位置[/code]2009-03-06 15:25:29 · 263 阅读 · 0 评论 -
如何应用WEB标准改善现有网站
我们大部分的设计师依旧在采用传统的表格布局、表现与结构混杂在一起的方式来建立网站。学习使用XHTML+CSS的方法需要一个过程,使现有网站符合网站标准也不可能一步到位。最好的方法是循序渐进,分阶段来逐步达到完全符合网站标准的目标。如果你是新手,或者对代码不是很熟悉,也可以采用遵循标准的编辑工具,例如Dreamweaver MX 2004,它是目前支持CSS标准最完善的工具。1.初级改善...原创 2008-08-26 09:27:33 · 75 阅读 · 0 评论 -
head区的有关设置
[color=red]收藏夹小图标[/color]首先制作一个16x16的icon图标,命名为favicon.ico,放在根目录下。然后将下面的代码嵌入head区:[color=red]为搜索引擎准备的内容[/color]代码如下,替换成你自己站点的内容就可以:允许搜索机器人搜索站内所有链接。如果你想某些页面不被搜索,推荐采用robots.txt方法 ...原创 2008-08-26 10:01:08 · 158 阅读 · 0 评论 -
css 定义链接的样式
CSS中用四个伪类来定义链接的样式,分别是:a:link、a:visited、a:hover和a : active,例如:a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;...原创 2008-08-26 10:17:19 · 215 阅读 · 0 评论 -
派生选择器
可以使用派生选择器给一个元素里的子元素定义样式,例如这样:li strong { font-style : italic; font-weight : normal;} 就是给li下面的子元素strong定义一个斜体不加粗的样式。...2008-08-26 10:19:04 · 131 阅读 · 0 评论 -
CSS中的MARGIN和PADDING的意思
● MARGIN是指层的边框以外留的空白,用于页边距或者与其它层制造一个间距。"10px 10px 10px 10px"分别代表"上右下左"(顺时针方向)四个边距,如果都一样,可以缩写成"MARGIN: 10px;"。如果边距为零,要写成"MARGIN: 0px;"。注意:当值是零时,除了RGB颜色值0%必须跟百分号,其他情况后面可以不跟单位"px"。MARGIN是透明元素,不能定义颜色。 ●...2008-08-26 10:34:48 · 228 阅读 · 0 评论 -
div设高度为1px实现分隔线的效果
设置高度为1px等超小高度在IE下不正常显示的解决方案根据div css网页布局的需要,我们有时候需要设置容器的高度为1px。而设置后在IE中预览,并不是所设置的样子,好象容器被撑开了,达不到想要的最小高度。其实这是IE的默认行高所引起的,解决的方法也有很多,下面我们例举了overflow:hidden、line-heigh两种方法overflow:hidden实现最小高度...原创 2011-09-20 14:26:37 · 503 阅读 · 0 评论