代码改变世界

随笔分类 -  CSS

常见的网页布局二

2015-08-22 14:15 by 怡红院丿无痕, 281 阅读, 收藏,
摘要: 效果:html代码: 关注我们 顶部图片 导航内容 内容信息 底部信息 Css代码: 阅读全文

常见的网页布局一

2015-08-22 14:13 by 怡红院丿无痕, 1648 阅读, 收藏,
摘要: 效果图:网页的具体换分为:先使用一个大的DIV,让其居中,再往大的DIV里面添加其他的东西,简化如下: 导航图片 导航栏目 ... 阅读全文

下滑栏的实现

2015-08-22 14:02 by 怡红院丿无痕, 216 阅读, 收藏,
摘要: 效果:html代码: 文件管理 打开文件 ... 阅读全文

CSS的table的实现,实现表格的单行边框显示,换行显示效果

2015-08-22 13:52 by 怡红院丿无痕, 1089 阅读, 收藏,
摘要: 实现的效果:html代码: 用户标识 用户姓名 用户年龄 用户性别 用户代码 用... 阅读全文

关于超链接伪类的使用,:link,:visited,:hover

2015-08-21 20:54 by 怡红院丿无痕, 537 阅读, 收藏,
摘要: /* 伪类的基本用法*/* { margin: 0px; padding: 0px;}/** * 默认情况的超链接 */a:link, a:visited { text-decoration: none; font-size: 12px; color: #226... 阅读全文

关于div的居中显示

2015-08-21 19:37 by 怡红院丿无痕, 403 阅读, 收藏,
摘要: 让一个大的div在页面居中显示:html代码如下: 不完善的方法:1、仅仅在IE浏览器中居中2、在IE浏览器外,其他的浏览器中居中2、在所有的浏览器中居中 阅读全文

常见公告栏信息效果的实现

2015-08-21 16:53 by 怡红院丿无痕, 1793 阅读, 收藏,
摘要: 实现的效果如下:上面的效果主要利用了,ul,h3,li,span,在加一些Css来实现的。要实现上面的公告栏的效果,代码如下:第一种方案:利用 padding来解决 “关于XXXXXXXXX的公告通知” 的显示。不推荐使用,应用span加relative定位来解决字体的定位,应为padding具有浏... 阅读全文

利用ul,li,span,position:relative实现文本的居中显示

2015-08-21 15:46 by 怡红院丿无痕, 372 阅读, 收藏,
摘要: #rock_star { padding: 30px; border: 1px solid #FF0000; list-style: none; } #rock_st... 阅读全文