div css 页面设计
关注
分享
扫一扫
文章平均质量分 58
iteye_5823
这个作者很懒，什么都没留下…
展开
-
HTML中单元格套表格的写法（自己看的）
这是写给我自己留底的，所以。。不想多说：<tr> <td><table width="100%" border="0" cellspacing="1" bgcolor="#c1d1c1"> <tr> <td bgcolor="#f8f8f8"2010-12-10 18:48:35 · 377 阅读 · 0 评论 -
同一网页实现多种CSS 样式表切换[转]
样式与数据分离所带来的不只是符合标准这样的简单，样式既然与数据分离那么样式的切换则变得理所当然的了！但是网上这样的中文教程实在是太少了！所以我收集了一部分中外网站已经实现的技术资料整理出来供网友参考。首先要具备不同内容的CSS文件（最好每个文件代表一种样式，或是代表需要作出变动的部分）。这里以三个为例：第一个是背景为红色的CSS文件（red.css）CSS中的内容为：body {bac...原创 2010-12-12 16:31:21 · 489 阅读 · 0 评论 -
div+css记录实用教程【转摘+原创+持续原创更新】
首先，是整体的布局，拿到效果图，差不多把页面分割成几大部分，比如抬头和尾部和中间的内容区域。分好几块div就行，然后分别为这些div写css控制，以便真正做到确定他们的具体位置。以下是这一部分一般会用到的经典css说明：clear：both可以独霸一行的位置~设置这个之后，就可以清楚的为抬头和结尾或中间的div定位成独立一行。然后是一些float和width和height，这些是定位在...2010-12-12 10:59:21 · 133 阅读 · 0 评论 -
html table td边框效果 【转】
同时用样式表为 table、td 指定了边框后，可能会发生重叠，这取决于 border-collapse。<table><tr> <td> <table style="border:1px solid red;"><tr> <td style="border:1px solid blue;"原创 2010-12-12 10:32:40 · 272 阅读 · 0 评论 -
浏览器的兼容问题[转]
什么是浏览器兼容：当我们使用不同的浏览器（Firefox IE7 IE6）访问同一个网站，或者页面的时候，会出现一些不兼容的问题，在这种浏览器下显示正常，在另一种下就乱了，我们在编写CSS的时候会很恼火，刚修复了这个浏览器的问题，结果另外一个浏览器却出了新问题。好吧，我服了行吧，那我就利用你们的不兼容各写一段css,让他们各执行各的，呵呵。 一、!important (功能有限) 随着IE7对!...原创 2010-12-12 10:08:03 · 140 阅读 · 0 评论 -
鼠标滑过tr变颜色【原创】
<tr style = "background:#FFFAF0;" height="20px" onMouseOver="this.style.background = '#99CCFF';" onMouseOut="this.style.background ='#FFFAF0' ";">这样就可以了。2010-12-11 22:41:12 · 444 阅读 · 0 评论 -
一些好用的html线条脚本 [转]
其中 width 规定线条的长度，还可以是百分比；color 是颜色，size 当然就是厚度了。 align 规定线条位置，left、right、center。 noshade 是否有立体效果 <*HR align=center width=300 color=#00ffff noShade SIZE=1*>两头渐变透明： <*hr width=80% size=...原创 2010-12-11 11:28:38 · 152 阅读 · 0 评论 -
[ HTML ]滚动文字、滚动图片、滚动任何东西的代码[转]
可将以下代码经过修改文字后拷贝到您的个性模板源码中或某篇文章的源码中。1.代码：<marquee scrollAmount=2 width=300>我是nancy</marquee><marquee scrollAmount=2 width=300><IMG src="图片连接地址 " border=0></marquee>2....原创 2010-12-11 11:27:55 · 349 阅读 · 0 评论 -
Div+CSS的边框效果【原创】
虽然本人做的是逻辑开发，但是偶尔会涉及到页面上的事儿，总感觉能用好看的框框规格好页面，清爽一点就很满足了。那么怎么用CSS来画出边框呢？ <div style="float:left;width:450px;height:180px;background-color:; border-right: 1px solid #ccccff; border-bot...2010-12-11 11:07:18 · 85 阅读 · 0 评论 -
iframe中刷新父页面方法及一些按钮刷新代码集合【原创+转】
a页面里iframe了个b页面，我想实现在b页面里一个按钮，一按就刷新a页面，也就是父页面，不是只刷新iframe里面的b页面 哦~请问b页面里的<input type="button" class="btn" value=" 返 回 " onclick="history.back();">那个onclick 要怎么写呢？啊哈答案是：parent.location.relo...2010-12-11 10:33:01 · 194 阅读 · 0 评论 -
iframe去掉滚动条【转】
这个方法用来去掉iframe的滚动条，当页面变高时，只显示竖向滚动条 一个iframe：<iframe name="ifr" src="index.html"></iframe> index.html 的body标签这样写：<body style="overflow:hidden;"></body> ...原创 2010-12-11 10:29:57 · 73 阅读 · 0 评论 -
让DIV+CSS制作的网页居中，很简单的方法【原】
我写网页是包在一个叫 #container 的DIV中的，所以这里主要讲一下BODY与#container之间的关系。 先看一下body的CSS样式： body{ margin:0;padding:0;text-align:center;} 这里的body把margin与padding设置为0，这样就把body内容与浏览器边缘亲密接触。然后text-align:center...2010-12-10 19:32:39 · 215 阅读 · 0 评论 -
photoshop 里面的切片做网页的具体做法(转发)
一般photoshop 7.0以上版本，在安装时默认同时安装 “Adobe ImageReady”。在photoshop菜单里可以直接跳入ImageReady。 图片切片做网页有以下步骤，先讲切片： 1，在photoshop里打开要切片的图像文件； 2，选菜单“File － Jump to －Adobe ImageReady 7.0”；或者同时按“Ctrl＋Shift＋M”三个键直接跳入Image...原创 2010-12-10 19:26:28 · 246 阅读 · 0 评论 -
DIV+CSS学习开发心得（原创）
清明节前段时间学习了div+css的页面制作方法，感觉还比较容易上手，比起以前用table来规划网站方便多了而已规整多了以下给出开发过程中的点点心得，还有附上本人开发截图首先，开发之前肯定要写个总体的框架图啦第二，我们看到有些网站页面上规划的很好看，而且想一个个框一样一框一栏目，框和框之间有点缝隙怎样实现呢？其实很简单，只需要在表示框的css属性里面加上margin属性就完事了...2010-12-10 18:54:50 · 330 阅读 · 0 评论 -
如何定义DIV的边框颜色(转载)
用这个就ok：<div style="border: 1px solid #000099;">这样定义DIV边框颜色</div>完毕2010-12-10 18:49:08 · 775 阅读 · 0 评论 -
背景图片锚点超链接代码【原创】
<div> <img src="<%=request.getContextPath() %>/images/carService.jpg" border="0" usemap="#Map"> <map name="Map"> <area shape="rect&qu2010-12-12 22:07:52 · 453 阅读 · 0 评论