css
janefir
这个作者很懒,什么都没留下…
展开
-
div+css笔记
第一天页面布局列的固定 #layout{height:500px;width:800px;background:#ff0000;} 此处显示id的layout内容 1)一列固定宽度 #layout{height:500px;width:800px;background:#ff0000;} 2)一列固定宽度居中:当margin属性设置为auto,自动居原创 2013-11-24 18:54:39 · 640 阅读 · 0 评论 -
div+css 超链接伪类
a:link {color: #FF0000} /* 未访问的链接*/ a:visited {color: #00FF00} /* 已访问的链接*/ a:hover {color: #FF00FF} /* 鼠标移动到链接上*/ a:active {color: #0000FF} /* 选定的链接*/介于hover之后visited之前 text-decoration属性值none代原创 2013-11-26 11:58:45 · 676 阅读 · 0 评论 -
div+css 下拉多级弹出菜单
1)二级菜单代码 首页 网页版式 自适应宽度 固定宽度 web 教程 新手入门 视频教程 常见问题 web 实例 常用代码 2)先把二级菜单的背景和浮动清除掉,增加以下css代码: #menu ul li ul li { float:none;} #menu ul li ul li a {background:none;}原创 2013-11-26 12:00:42 · 1454 阅读 · 0 评论 -
div+css 纵向导航菜单及二级菜单弹出
1) 纵向导航菜单 body { font-family: Verdana;font-size: 12px; line-height: 1.5; } a { color: #000;text-decoration: none; } a:hover { color: #F00; } #menu { width: 100px; border:1px solid #CCC; } #menu原创 2013-11-26 11:58:09 · 6730 阅读 · 0 评论 -
div+css 横向导航菜单
body { font-family: Verdana;font-size: 12px; line-height: 1.5; } a { color: #000;text-decoration: none; } a:hover { color: #F00; } #menu { width:370px; margin:0auto; border: 1px solid #CCC; height:原创 2013-11-26 12:00:09 · 1031 阅读 · 0 评论 -
div+css html列表
1) 列表前有图标 ul为无序列表,ol为有序列表。如果将列表前改成图片,实现如下: #layout ul { list-style: none;}//layout为div的id #layout ul li { background:url(/upload/2010-08/17/icon.gif) no-repeat 0px 4px;padding-left: 20px; } 2) 横向图原创 2013-11-26 11:59:19 · 440 阅读 · 0 评论