摘要:
效果:html代码: 关注我们 顶部图片 导航内容 内容信息 底部信息 Css代码: 阅读全文
随笔分类 - CSS
常见的网页布局一
2015-08-22 14:13 by 怡红院丿无痕, 1648 阅读, 收藏,
摘要:
效果图:网页的具体换分为:先使用一个大的DIV,让其居中,再往大的DIV里面添加其他的东西,简化如下: 导航图片 导航栏目 ... 阅读全文
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... 阅读全文