![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
div+css
文章平均质量分 63
xyl36500
这个作者很懒,什么都没留下…
展开
-
Div CSS布局的十六条技巧及详细用法:
1、IE分不清继承关系和父子关系的差别,全部都是继承关系。2、在给你的标签疯狂加选择符的时候,别忘了在CSS里给选择符加上注释。等你以后修改你的CSS的时候就知道为什么要这么做了。另外提醒您,不要太疯狂了。3、如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深色调的背景颜色。因为图片丢失了,也可以保持文字的可读性。4、定义链接的四种状态要注原创 2010-05-18 11:39:00 · 373 阅读 · 0 评论 -
用Fieldset做的几个边框效果
<br />效果一:<br /><TABLE style="POSITION: absolute; TOP: 89px; LEFT: 245px" width=220 align=center height=110><br /><TBODY><br /><TR><br /><TD height=75><br /><FIELDSET style="WIDTH: 220px" align=center><LEGEND> fieldset效果 一 </LEGEND>BKC</FIELDSET></TD></TR>转载 2010-09-08 15:17:00 · 7115 阅读 · 0 评论 -
实现圆角矩形边框的方法
<br /><html><br /><head><br /><style><br />#a{<br />border-left:1px #B3D580 solid;<br />border-right:1px #B3D580 solid;<br />width:700px;<br />height:100px;<br />}<br />.b{<br />height:1px;<br />overflow:hidden;<br />border-left:1px #B3D580 solid;<br />bor原创 2010-09-04 16:30:00 · 1109 阅读 · 0 评论 -
给图片加滤镜
<br /><br /> <br /> <br />1---均匀柔边效果<br /><br /> <br /> <br /> <br />2---线状柔边效果(左往右)<br /><br /><br /> <br /><br /><br /><br />3---圆形柔边效果(外向内)<br /><br /><br /> <br /><br /><br /><br />4---圆形柔边效果(内向外)<br /><br /><br /><br /><br /><br />5---灰色效果<br /><br />转载 2010-09-04 14:05:00 · 868 阅读 · 0 评论 -
滤镜
1.给文字加阴影h1 { float: left; text-indent:0em; text-shadow:black 2px 2px 2px; filter: dropshadow(OffX=2, OffY=2, Color='black', Positive='true');2.用Javascript和CSS去掉链接中的虚线框和下划线在链接标签中添加onFocus="if(this.blur)this.blur()"这句代码即可屏蔽点击时四周出现的虚线框,如:3.删除链接上的虚线框 a:active原创 2010-09-04 14:01:00 · 322 阅读 · 0 评论 -
input file样式
<br />方法一:<input type="text" size="20" name="upfile" id="upfile" style="border:1px dotted #ccc"> <br /><input type="button" value="浏览" onclick="path.click()" style="border:1px solid #ccc;background:#fff"> <br /><input type="file" id="path" style="display原创 2010-09-04 15:54:00 · 9024 阅读 · 0 评论 -
Div和Table自动换行解决方法
自动换行问题,正常的字符是比较合理的,而连续的数字和英文字符常常容器撑开,挺让人头疼的,现在总结一下CSS如何实现换行的方法。可以保证网站的容器不会被撑开。 一、对于DIV,P等块级元素 正常文字的换行元素有拥有默认的white-space:normal,当定义的宽度之后自动换行 Html正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义 Css white-space:normal;转载 2010-09-03 11:18:00 · 2556 阅读 · 0 评论 -
DIV CSS完美兼容IE6/IE7/FF的通用方法
<br />1.同时使用两个类<br />一般只能给一个元素设定一个类(Class),但这并不意味着不能用两个。事实上,你可以这样:<br /><p class="text side">...</p><br />同时给P元素两个类,中间用空格格开,这样所有text和side两个类的属性都会加到P元素上来。如果它们两个类中的属性有冲突的话,后设置的起作用,即在CSS文件中放在后面的类的属性起作用。<br />补充:对于一个ID,不能这样写<p id="text side">...</p>也不能这样写<br /转载 2010-09-02 10:20:00 · 399 阅读 · 0 评论 -
CSS+DIV实现鼠标经过背景变色
<br />方法一:<br /><div onmouseover="this.style.backgroundColor='#F4F9FD'" onmouseout="this.style.backgroundColor='#FFFFFF'"></div><br />方法二:<br /><style><br />.d_over{background-color:#307172;}<br />.d_out{background-color:#EFEFEF;}<br /></style><br /><div c原创 2010-09-11 09:36:00 · 643 阅读 · 1 评论 -
带关闭按钮的弹出层
<br /><script type="text/javascript" language="javascript"><br />function show(checkbox_list){<br /> var checkbox_list = document.getElementById(checkbox_list);<br />checkbox_list.style.display = "block";<br />}<br />function hidden(checkbox_list){<br /转载 2010-09-10 09:23:00 · 1174 阅读 · 0 评论 -
CSS兼容问题
一、针对firefox ie6 ie7的css样式 现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释, 会导致页面没按要求显示!找到一个针对IE7不错的hack方式就是使用“*+html”,现在用IE7浏览一下,应该没有问题了现在写一个CSS可以这样:Example Source Code#abc { color: #333; } /* Moz */* html #abc { color: #666; } /* IE6转载 2010-08-28 11:27:00 · 496 阅读 · 0 评论 -
弹出层js
<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=ut转载 2010-09-07 17:16:00 · 391 阅读 · 0 评论