【CSS】一种兼容纯粹CSS的IE6的面板
来源:互联网 发布:喵喵喵老师的淘宝店 编辑:程序博客网 时间:2024/05/29 13:22
面板这东西,随着前端框架的逐渐流行,已经大量地占据网页封面了。
其实这东西可以用纯粹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=utf-8" /><title>panel</title></head><body><div style="border:1px solid #CCC; height:100px;"> <div style="background:#06F;"> <b style="color:#FFF">面板标题</b> </div> <div> 面板内容…… </div></div></body></html>其构造很简单的,一个为灰色外框的div里面镶嵌两个div。一个是面板标题的div,这个div无须设置高度,让其自适应。关键是背景颜色,设置为非常流行的柔和蓝色#06F。另一个内容的div,无须设置任何东西。
0 0
- 【CSS】一种兼容纯粹CSS的IE6的面板
- CSS兼容IE6,IE7,FireFox兼容CSS的解决方法
- CSS兼容IE6,IE7,FF的技巧
- 兼容IE6 IE7 Firefox的CSS
- CSS兼容IE6,IE7,FF的技巧
- CSS兼容IE6,IE7,FF的技巧
- CSS的DIV背景图放置(兼容IE6)
- CSS的DIV背景图放置(兼容IE6)
- CSS兼容IE6,IE7,FF的技巧
- IE6、IE7、IE8的CSS、JS兼容
- IE6、IE7、IE8的CSS、JS兼容
- CSS兼容IE6,IE7,FF的技巧
- CSS兼容IE6,IE7,FF的技巧
- CSS兼容IE6,IE7,FF的技巧
- CSS兼容IE6,IE7,FF的技巧
- CSS兼容IE6,IE7,FF的技巧
- IE6、IE7、IE8的CSS、JS兼容
- IE6、IE7、IE8的CSS、JS兼容
- Birt学习笔记——birt开发过程中常见的问题
- css position属性和实例应用
- 理解Java ClassLoader机制
- Android动画实现详解
- Linux 查看CPU信息,机器型号,内存等信息
- 【CSS】一种兼容纯粹CSS的IE6的面板
- 身临其境玩儿淘宝
- UICollectionView详解四:焦点图
- 干支纪年
- 运营 | 产品运营入门课:那些必须要熟悉的核心数据
- 怎样拥有一个网站?从“域名注册”到“网站成功运行”全程概况总结!
- 分治算法
- SQL server 2008 数据库企业版安装教程图解
- Python的getattr(),setattr(),delattr(),hasattr()