易截截图软件、单文件、免安装、纯绿色、仅160KB

css的dl dt dd的应用

css的dl dt dd的应用:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<mce:style><!--
*{ margin:0; padding:0;}
#box{ margin:10px;
padding:10px; float:left; border:1px solid #CCC; background:#FFFFCC; font-size:12px; line-height:1.9;}
dl{ background:#CCCC00; margin:0; width:120px; text-align:center; float:left; margin:5px;}
dt{ background:#CC0033;}
dt img{display:block; margin:0 auto;}
dd{ background:#FFFF00; }
--></mce:style><style mce_bogus="1">*{ margin:0; padding:0;}
#box{ margin:10px;
padding:10px; float:left; border:1px solid #CCC; background:#FFFFCC; font-size:12px; line-height:1.9;}
dl{ background:#CCCC00; margin:0; width:120px; text-align:center; float:left; margin:5px;}
dt{ background:#CC0033;}
dt img{display:block; margin:0 auto;}
dd{ background:#FFFF00; }</style>
</head>
<body>
<div id="box">
<dl>
<dt> <img src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" mce_src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" /> </dt>
<dd>母亲节-祝福短信</dd>
</dl>
<dl>
<dt> <img src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" mce_src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" /> </dt>
<dd>母亲节-祝福短信</dd>
</dl>
<dl>
<dt> <img src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" mce_src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" /> </dt>
<dd>母亲节-祝福短信&


相关文档:

阿里巴巴css滑动菜单 ,滑动门

阿里巴巴的一款滑动分类菜单,效果很不错,但是使用了较多的图片,不过这些图片只是背景,不影响你修改菜单的文字,所以很值得大家使用,代码稍嫌多,学习CSS的朋友好好研究一下.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html ......

[css Hack]IE6,IE7,IE8,FireFox的css相容性

1.区别IE和Firefox
.title {
background:blue; /*Firefox */
background:red \9; /*IE6、IE7、IE8*/
}
2.区别IE6、IE7、IE8、Firefox
.title {
background:blue; /*Firefox */
background:red \9; /*IE6、IE7、IE8 */
*background:black; /*IE7 */
_background:orange; /*IE6 */
}
注意,无论怎样,都是FireFox ......

IE与Firefox的CSS兼容

CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。
  常见兼容问题:
  1.DOCTYPE
影响 CSS 处理
  2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE
不行
  3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是
m ......

CSS控制DIV水平垂直方向剧中

  <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body{position:relative; border:solid 1px #30F; height:600px; }
.box{ position:ab ......

css消除A标签选中时的虚线框


HTML中A标签被点击后,其获得了焦点,在其周围会有可恶的虚线框;有时我们不想让用户发现,使用以下css代码即可消除。
/*为了消除选中时的虚线框*/
a
{
bblr:expression(this.onFocus=this.blur());/*IE使用*/
outline-style:none;/*FF使用*/
}
......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号