随笔分类 -  css+div

实现iFrame自适应高度，原来很简单！
摘要：<iframeid="iFrame1"name="iFrame1"width="100%"onload="this.height=iFrame1.document.body.scrollHeight"frameborder="0"src="index.htm"></iframe>看到了吧，关键就在于onload="this.height=iFrame1.document.b... 阅读全文
posted @ 2010-09-01 09:26 tangself 阅读(242) 评论(0) 推荐(0)
css圆角
摘要：<htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>css圆角效果无图片实现圆角框</title><metahttp-equiv="content-type"content="text/html;charset=gb2312"><styletype="text/css">... 阅读全文
posted @ 2010-03-01 17:49 tangself 阅读(302) 评论(1) 推荐(0)
tab选择卡切换
摘要：很多页面中都会用到tab选项卡切换,下面这个巧妙的运用css设置边框，来使得激活的tab与其他未激活的边框有所不同。就是将激活的边框的border-bottom设置为与激活tab的背景色一致，这样就看起来下面是没有边框的。然后用jquery实现tab的切换，首先载入页面时就去掉所有的active样式，去掉所有的content内容，然后给第一个tab加上active样式，显示第一个content。然... 阅读全文
posted @ 2010-03-01 17:33 tangself 阅读(1249) 评论(0) 推荐(0)
css圆角效
摘要：<html><head><title>css圆角效果</title><style type="text/css">div.RoundedCorner{background: #FFCB2D; width:150px;}b.rtop, b.rbottom{display:block;background: #FFF}b.rtop b, b.... 阅读全文
posted @ 2010-03-01 14:59 tangself 阅读(277) 评论(0) 推荐(0)
CSS实现垂直居中的5种方法
摘要：利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法，以及它们各自的优缺点。(可以看看 测试页面 ，有简短解释。)方法一这个方法把一些 div 的显示方式设置为表格，因此我们可以使用表格的 vertica... 阅读全文
posted @ 2010-02-17 17:00 tangself 阅读(298) 评论(0) 推荐(0)
循环滚动代码
摘要：<div id=demo style="overflow:hidden; width:128px; height:300px;"> <div id=demo1> <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br>... 阅读全文
posted @ 2010-01-31 23:36 tangself 阅读(270) 评论(0) 推荐(0)
DIV实现下拉菜单
摘要：<html><body><style>/*下拉菜单样式*/*{margin:0;padding:0;border:0;}#div_center { width:790px; height:23px; background:#003399; margin-left: auto;margin-right:auto;} /*定义总体宽度、高度；background:0... 阅读全文
posted @ 2010-01-28 16:53 tangself 阅读(691) 评论(0) 推荐(0)
图片在容器里垂直居中
摘要：在div-css布局运用中，如何让图片在容器里垂直居中是很多人询问的问题，这里收集了几个例子第一个例子<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org... 阅读全文
posted @ 2010-01-25 09:40 tangself 阅读(472) 评论(0) 推荐(0)