纯CSS圆角框（2）
来源：冰极峰blog 发布时间：2009-12-11 18:57:00
标签：圆角,css,圆角框,纯css
现在已经将一个圆角框描述出来了，但是有一个问题要注意，就是内容区的背景色，因为这儿是存载文字主体的地方。所以还需要加入下面这句话，也是群集选择符来设置圆角内的所有背景色。
.color1 .b2,.color1 .b3,.color1 .b4,.color1 .b5,.color1 .b6,.color1 .b7,.color1 .content{background:#EFF7FF;}
这儿除了b1和b8外，其它的标签都包含进来了，并且包括content容器，将它们的背景色全部设置一个颜色，这样除了线框外的所有地方都成为一种颜色了。在这儿我也用到包含选择符，给它们都加了一个color1，这是颜色方案1的类名，依照这个原理可以设置不同的换肤方案。
好了，我们将上面的所有代码集中起来，就完成一个纯CSS圆角框的实例模型，在源码中，我设置了六套颜色方案，其它的颜色方案就看你的了。
下面是源码演示后的截图：
图二
为了演示效果，本模型的宽度值全部采用百分比实现的，你可以随意伸缩宽度，看看它能否适应弹性的变化。
本模型在以下浏览器中完美通过：
IE5.5、IE6、IE7、IE8、FF3、TT、Maxthon2.1.5、Opera9.6、Safari4.0、Chrome2.0。
点击这儿下载完整的压缩包：
Demo（1.75 KB）
本站下载地址：css圆角.rar （1.75 KB）
0
投稿猜你喜欢
- 如下所示：//动态删除select中的所有options： function delAllOptions(){&nb
- 人工智能是一种未来性的技术，目前正在致力于研究自己的一套工具。一系列的进展在过去的几年中发生了：无事故驾驶超过300000英里并在三个州合法
- 本文是基于Apache poi类实现的批量导入读取Excel文件，所以要先引入Apache poi的依赖<dependency>
最简单的关闭一个窗口的方法是点击标题栏上的 x 标志。但是，在下面的例子中，我们将展示如何通过编程来控制关闭窗口。我们将使用PyQt5的信号- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&
- 1、SQL SERVER 2005的性能工具中有SQL Server Profiler和数据库引擎优化顾问，极好的东东，必须熟练使用。 2、
- 1、安装MSSQL时使用混合模式，当然SA密码最好不能为空，在SQL2005中，可以对SA这个超级用户名进行修改或删除。use master
- 一、闭包1. 什么是闭包？在函数中可以（嵌套）定义另一个函数时，如果内部的函数引用了外部的函数的变量，则可能产生 闭包。闭包可以用来在一个函
- 一、Python解释器 安装Windows平台下载地址 https://www.python.org/ftp/python/3.9.5/py
- Blackfriday是在Go中实现的Markdown处理器。您可以安全地输入用户提供的数据，速度快，支持通用扩展（表，智能标点符号替换等）
- 前言特点：在双主配置中，两台mysql互为主从节点。节点A是节点B的master，同时节点B也是节点A的master。安装mysql步骤略过
- 本文实例讲述了python单向链表的基本实现与使用方法。分享给大家供大家参考，具体如下：# -*- coding:utf-8 -*-#! p
- 《python基础教程》书中的第四个练习，新闻聚合。现在很少见的一类应用，至少我从来没有用过，又叫做Usenet。这个程序的主要功能是用来从
- 我的电脑本来是有手动CMake+make安装的OpenCV3的，以及系统自带的python2.x，但是现在想用python3+OpenCV3
- 所谓Julia集就是类似下面的美妙的图案Julia集特别地，当 c = z的初始值时，符合收敛条件的 z 的便构成大名鼎鼎的Mandelbr
- 一、前言不知道大家有没有遇到过这样的问题，就是在某个软件或者某个网页里面有一篇文章，你非常喜欢，但是不能复制。或者像百度文档一样，只能复制一
- 函数：string.join()Python中有join()和os.path.join()两个函数，具体作用如下： &
- 阅读上一篇：W3C优质网页小贴士（三）明智地选择 URI没有什么比走到你最喜欢的商店门口，却发现店门紧闭，而且没有看见店面搬迁告示这种事情还
- 今天用到了img.paste函数，就写篇笔记记录一下，方便回顾。做人脸检测，产生负样本的时候想把图片中人连部分用背景的某一部分替换掉，然后再
- 前言Always On 可用性组活动辅助功能包括支持在辅助副本上执行备份操作。 备份操作可能会给 I/O 和 CPU 带来很大的压力（使用备
