博客园 - 李兰
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=148331
2011-11-30T03:01:27Z
李兰
https://www.cnblogs.com/lilan/
feed.cnblogs.com
https://www.cnblogs.com/lilan/archive/2011/11/30/2268779.html
Page翻页分页css代码,分页div+css代码 - 李兰
css分页代码集合模板如下翻页上下分页按钮效果一div+css代码如下DIV代码:<div class="digg"><span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?p
2011-11-30T03:01:00Z
2011-11-30T03:01:00Z
李兰
https://www.cnblogs.com/lilan/
【摘要】css分页代码集合模板如下翻页上下分页按钮效果一div+css代码如下DIV代码:<div class="digg"><span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?p <a href="https://www.cnblogs.com/lilan/archive/2011/11/30/2268779.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lilan/archive/2011/11/30/2268769.html
CSS 边框基础知识 - 李兰
CSS 边框即CSS border是控制对象的边框边线宽度、颜色、虚线、实线等样式CSS属性。Html原始边框与DIV+CSS边框对照Html表格控制边框:border="1" bordercolor="#000000"说明:控制表格边框宽度为1px,颜色为黑色,默认为实线样式边框。DIV CSS边框:border-color:#000; border-style:solid; border-width:1px;说明:以上代码为设置对象边框颜色为黑色、边框为实线、宽度为1px边框边框样式包括设置上边框:border-top :设置下边框:border-b
2011-11-30T02:56:00Z
2011-11-30T02:56:00Z
李兰
https://www.cnblogs.com/lilan/
【摘要】CSS 边框即CSS border是控制对象的边框边线宽度、颜色、虚线、实线等样式CSS属性。Html原始边框与DIV+CSS边框对照Html表格控制边框:border="1" bordercolor="#000000"说明:控制表格边框宽度为1px,颜色为黑色,默认为实线样式边框。DIV CSS边框:border-color:#000; border-style:solid; border-width:1px;说明:以上代码为设置对象边框颜色为黑色、边框为实线、宽度为1px边框边框样式包括设置上边框:border-top :设置下边框:border-b <a href="https://www.cnblogs.com/lilan/archive/2011/11/30/2268769.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lilan/archive/2011/11/30/2268758.html
怎么计算CSS宽度 - 李兰
例一:我们计算一个左右结构的布局样式。假如总宽度为400px,那么左右加起来就应当小于400px,那我们可能左边为300px,右边为100px正确代码:<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>左右结构宽度计算www.divcss5.com</title><style type="text/css">.yangsh
2011-11-30T02:52:00Z
2011-11-30T02:52:00Z
李兰
https://www.cnblogs.com/lilan/
【摘要】例一:我们计算一个左右结构的布局样式。假如总宽度为400px,那么左右加起来就应当小于400px,那我们可能左边为300px,右边为100px正确代码:<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>左右结构宽度计算www.divcss5.com</title><style type="text/css">.yangsh <a href="https://www.cnblogs.com/lilan/archive/2011/11/30/2268758.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lilan/archive/2011/11/14/2248514.html
仿百度贴吧整块div的hover效果 (示例代码) - 李兰
(示例图片)(CSS代码)<style type="text/css">body{margin:4px 10px 4px 8px;background:#fff;color:#000;text-align:center}form,h1,h2,h3,h4,ul,li,dl,dt,dd{margin:0;padding:0}body,div,td,th{font-family:Arial;font-size:14px}div{text-align:left}img{border:0}ul{list-style:none}a{color:#36c;text-decor
2011-11-14T07:52:00Z
2011-11-14T07:52:00Z
李兰
https://www.cnblogs.com/lilan/
【摘要】(示例图片)(CSS代码)<style type="text/css">body{margin:4px 10px 4px 8px;background:#fff;color:#000;text-align:center}form,h1,h2,h3,h4,ul,li,dl,dt,dd{margin:0;padding:0}body,div,td,th{font-family:Arial;font-size:14px}div{text-align:left}img{border:0}ul{list-style:none}a{color:#36c;text-decor <a href="https://www.cnblogs.com/lilan/archive/2011/11/14/2248514.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lilan/archive/2011/11/14/2248505.html
CSS样式搜索框美化(示例代码) - 李兰
(示例图片)<!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; charse
2011-11-14T07:48:00Z
2011-11-14T07:48:00Z
李兰
https://www.cnblogs.com/lilan/
【摘要】(示例图片)<!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; charse <a href="https://www.cnblogs.com/lilan/archive/2011/11/14/2248505.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lilan/archive/2011/11/14/2248503.html
蓝色圆角水平导航菜单(示例代码) - 李兰
(示例图片)(index.html页面)、<!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="te
2011-11-14T07:43:00Z
2011-11-14T07:43:00Z
李兰
https://www.cnblogs.com/lilan/
【摘要】(示例图片)(index.html页面)、<!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="te <a href="https://www.cnblogs.com/lilan/archive/2011/11/14/2248503.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lilan/archive/2011/11/07/2239006.html
div+css网页布局(示例代码) - 李兰
(图bj.gif)<!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; cha
2011-11-07T03:04:00Z
2011-11-07T03:04:00Z
李兰
https://www.cnblogs.com/lilan/
【摘要】(图bj.gif)<!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; cha <a href="https://www.cnblogs.com/lilan/archive/2011/11/07/2239006.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lilan/archive/2011/11/07/2238989.html
CSS+DIV网页布局(黄冈网校首页布局)示例代码 - 李兰
<!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=utf-
2011-11-07T02:56:00Z
2011-11-07T02:56:00Z
李兰
https://www.cnblogs.com/lilan/
【摘要】<!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=utf- <a href="https://www.cnblogs.com/lilan/archive/2011/11/07/2238989.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lilan/archive/2011/11/04/2235699.html
CSS设计网页代码(1-3-1左右动态,中间固定)示例代码 - 李兰
<!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=utf-
2011-11-04T01:58:00Z
2011-11-04T01:58:00Z
李兰
https://www.cnblogs.com/lilan/
【摘要】<!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=utf- <a href="https://www.cnblogs.com/lilan/archive/2011/11/04/2235699.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lilan/archive/2011/11/04/2235693.html
CSS设计网页布局(1-3-1左右固定,中间动态)示例代码 - 李兰
<!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=utf-
2011-11-04T01:56:00Z
2011-11-04T01:56:00Z
李兰
https://www.cnblogs.com/lilan/
【摘要】<!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=utf- <a href="https://www.cnblogs.com/lilan/archive/2011/11/04/2235693.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lilan/archive/2011/11/04/2235687.html
CSS设计网站布局(1-3-1中间动态)示例代码 - 李兰
<!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=utf-
2011-11-04T01:53:00Z
2011-11-04T01:53:00Z
李兰
https://www.cnblogs.com/lilan/
【摘要】<!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=utf- <a href="https://www.cnblogs.com/lilan/archive/2011/11/04/2235687.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lilan/archive/2011/10/28/2227522.html
固定宽度布局剖析与制作(示例代码) - 李兰
<!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=gb23
2011-10-28T04:31:00Z
2011-10-28T04:31:00Z
李兰
https://www.cnblogs.com/lilan/
【摘要】<!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=gb23 <a href="https://www.cnblogs.com/lilan/archive/2011/10/28/2227522.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lilan/archive/2011/10/24/2222458.html
Spry下拉菜单的CSS样式详解 - 李兰
点击 窗口>CSS样式,打开CSS样式面板,点击样式面板上的"全部"按钮,快速打开SpryMenuBarHorizontal.css.1. 水平菜单省缺是放置在页面的左边的,如果你想将它放到页面的右边对齐,那么点击:ul.MenuBarHorizontal li,然后在下面的属性面板中,点击float项右边的下拉列表,将left换为right.现在菜单被对齐到页面的右边了.你也可以双击ul.MenuBarHorizontal li,在打开的CSS规则面板中设置菜单项的格式.2.如果你想改变页面刚加载时的连接的背景和文本的颜色,那么你需要修改:"ul.MenuBarHorizon
2011-10-24T03:31:00Z
2011-10-24T03:31:00Z
李兰
https://www.cnblogs.com/lilan/
【摘要】点击 窗口>CSS样式,打开CSS样式面板,点击样式面板上的"全部"按钮,快速打开SpryMenuBarHorizontal.css.1. 水平菜单省缺是放置在页面的左边的,如果你想将它放到页面的右边对齐,那么点击:ul.MenuBarHorizontal li,然后在下面的属性面板中,点击float项右边的下拉列表,将left换为right.现在菜单被对齐到页面的右边了.你也可以双击ul.MenuBarHorizontal li,在打开的CSS规则面板中设置菜单项的格式.2.如果你想改变页面刚加载时的连接的背景和文本的颜色,那么你需要修改:"ul.MenuBarHorizon <a href="https://www.cnblogs.com/lilan/archive/2011/10/24/2222458.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lilan/archive/2011/10/24/2222457.html
Dreamweaver CS3 Spry详细区域的功能 - 李兰
Dreamweaver CS3中集成了Spry功能我们都知道,Spry具有对XML数据处理的功能我们也见识过,不过对于Spry的详细区域功能似乎很少见。Spry详细区域有点类似于新闻系统中的新闻列表页和主详细页的功能。比如我们看新闻时,其中有一个页面只会显示所有新闻的标题,当对该标题感兴趣时可以单击该标题打开一个新的网页,就可以查看到该新闻的全部内容了。那么显示所有标题列表的页面我们称为“主页”,而显示具体新闻内容的页面称为 “详细页”。 很显然,这个主详细页最起码得是两页。而我们使用的Spry详细区域可以在一张网页上显示,并且是无刷新的。一,新建网页,绑定Spry XML 数据集 在网页..
2011-10-24T03:29:00Z
2011-10-24T03:29:00Z
李兰
https://www.cnblogs.com/lilan/
【摘要】Dreamweaver CS3中集成了Spry功能我们都知道,Spry具有对XML数据处理的功能我们也见识过,不过对于Spry的详细区域功能似乎很少见。Spry详细区域有点类似于新闻系统中的新闻列表页和主详细页的功能。比如我们看新闻时,其中有一个页面只会显示所有新闻的标题,当对该标题感兴趣时可以单击该标题打开一个新的网页,就可以查看到该新闻的全部内容了。那么显示所有标题列表的页面我们称为“主页”,而显示具体新闻内容的页面称为 “详细页”。 很显然,这个主详细页最起码得是两页。而我们使用的Spry详细区域可以在一张网页上显示,并且是无刷新的。一,新建网页,绑定Spry XML 数据集 在网页.. <a href="https://www.cnblogs.com/lilan/archive/2011/10/24/2222457.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lilan/archive/2011/10/24/2222449.html
根据spry制作高级网页组件 - 李兰
//(tab.css网页)@charset "utf-8";/* CSS Document */body{margin:10px;}#content{border-left:1px solid #11a3ff;border-right:1px solid #11a3ff;border-bottom:1px solid #11a3ff;padding:5px;font-size:12px;}ul#tabnav{list-style-type:none;margin:0;padding-left:0;padding-bottom:23px;border-bottom:1px s
2011-10-24T03:25:00Z
2011-10-24T03:25:00Z
李兰
https://www.cnblogs.com/lilan/
【摘要】//(tab.css网页)@charset "utf-8";/* CSS Document */body{margin:10px;}#content{border-left:1px solid #11a3ff;border-right:1px solid #11a3ff;border-bottom:1px solid #11a3ff;padding:5px;font-size:12px;}ul#tabnav{list-style-type:none;margin:0;padding-left:0;padding-bottom:23px;border-bottom:1px s <a href="https://www.cnblogs.com/lilan/archive/2011/10/24/2222449.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lilan/archive/2011/10/10/2205598.html
div+css+js实现菜单的收缩与展开 - 李兰
<!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><title>div+css+js实现菜单的收缩与展开</title><meta http-equiv="Content-T
2011-10-10T07:05:00Z
2011-10-10T07:05:00Z
李兰
https://www.cnblogs.com/lilan/
【摘要】<!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><title>div+css+js实现菜单的收缩与展开</title><meta http-equiv="Content-T <a href="https://www.cnblogs.com/lilan/archive/2011/10/10/2205598.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lilan/archive/2011/10/10/2205593.html
CSS3 多功能下拉菜单 - 李兰
<!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=utf-
2011-10-10T07:03:00Z
2011-10-10T07:03:00Z
李兰
https://www.cnblogs.com/lilan/
【摘要】<!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=utf- <a href="https://www.cnblogs.com/lilan/archive/2011/10/10/2205593.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lilan/archive/2011/10/10/2205586.html
简洁的纯CSS下拉菜单代码 - 李兰
<!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=gb23
2011-10-10T07:00:00Z
2011-10-10T07:00:00Z
李兰
https://www.cnblogs.com/lilan/
【摘要】<!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=gb23 <a href="https://www.cnblogs.com/lilan/archive/2011/10/10/2205586.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lilan/archive/2011/09/29/2195126.html
css列表样式 - 李兰
css列表样式关键词:css列表样式序号中文说明标记语法1控制显示{display:none|block|inline|list-item}2控制空白{white-space:normal|pre|nowarp}3符号列表{list-style-type:disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|upper-alpha|none}4图形列表{list-style-image:URL}5位置列表{list-style-position:inside|outside}6目录列表{list-style:目录样式类型|
2011-09-29T01:51:00Z
2011-09-29T01:51:00Z
李兰
https://www.cnblogs.com/lilan/
【摘要】css列表样式关键词:css列表样式序号中文说明标记语法1控制显示{display:none|block|inline|list-item}2控制空白{white-space:normal|pre|nowarp}3符号列表{list-style-type:disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|upper-alpha|none}4图形列表{list-style-image:URL}5位置列表{list-style-position:inside|outside}6目录列表{list-style:目录样式类型| <a href="https://www.cnblogs.com/lilan/archive/2011/09/29/2195126.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lilan/archive/2011/09/26/2191194.html
css超链接样式 - 李兰
CSS可控制超链接样式-css链接样式如下a:active是超级链接的初始状态 a:hover是把鼠标放上去时的状况 a:link 是鼠标点击时 a:visited是访问过后的情况超链接样式案例1、通常对全站超链接样式化方法a{color:#333;text-decoration:none; } //对全站有链接的文字颜色样式为color:#333;并立即无下划线text-decoration:none;a:hover {color:#CC3300;text-decoration:underline;}//对鼠标放到超链接上文字颜色样式变为color:#CC3300;并文字链接加下划线text
2011-09-26T01:50:00Z
2011-09-26T01:50:00Z
李兰
https://www.cnblogs.com/lilan/
【摘要】CSS可控制超链接样式-css链接样式如下a:active是超级链接的初始状态 a:hover是把鼠标放上去时的状况 a:link 是鼠标点击时 a:visited是访问过后的情况超链接样式案例1、通常对全站超链接样式化方法a{color:#333;text-decoration:none; } //对全站有链接的文字颜色样式为color:#333;并立即无下划线text-decoration:none;a:hover {color:#CC3300;text-decoration:underline;}//对鼠标放到超链接上文字颜色样式变为color:#CC3300;并文字链接加下划线text <a href="https://www.cnblogs.com/lilan/archive/2011/09/26/2191194.html" target="_blank">阅读全文</a>