div+css实现圆角边框
发布时间：2007-10-21 08:55:00
标签：圆角,边框,div
div+css实现圆角边框，在网络上查看了一下，很多都是实现圆角的矩形的方法，我在这里介绍的是实现圆角矩形边框的方法。
用代码说明问题：
<html>
<head>
<style>
#a{
border-left:1px #333 solid;
border-right:1px #333 solid;
width:300px;
height:500px;
}
.b{
height:1px;
overflow:hidden;
border-left:1px #333 solid;
border-right:1px #333 solid;
}
</style>
</head>
<body>
<div>
<div class="b" style="margin-left:3px;width:294px;background:#333"></div>
<div class="b" style="margin-left:2px;width:296px;"></div>
<div class="b" style="margin-left:1px;width:298px"></div>
<div id="a">
以我的能力，纯DIV+CSS实现的效果只能做到这样了。这里是放置内容的地方，自己看一看代码的规律，很容易明白。
代码很简单，a层为放置内容的层，其width值为300，然后向外以2像素的宽度递减。最外一层要加上background为个属性，目的是要将上、下两线条呈现出来。
这里实现了3像素的圆角边框，b层的数量决定了要实现多少个像素边框。建议不要多于3层，最好是2层，即2像素圆角边框，或者1层，因为层数越多，圆角的表现就越不圆滑。在firefox IE6 都通过测试。
</div>
<div class="b" style="margin-left:1px;width:298px"></div>
<div class="b" style="margin-left:2px;width:296px;"></div>
<div class="b" style="margin-left:3px;width:294px;background:#333"></div>
</div>
</body>
</html>
0
投稿猜你喜欢
- 本文实例讲述了php 使用 __call实现重载功能。分享给大家供大家参考，具体如下：<?php/** * Created by Ph
前言你有没有经常好奇一些音乐软件的频谱特效是怎么做的，为什么做的这么好看？有没有想试试自己提取音乐频谱并可视化展现出来？今天，咱就结合上次的- 今天我们分享一个小案例，获取天气数据，进行可视化分析，带你直观了解天气情况！核心功能设计总体来说，我们需要先对中国天气网中的天气数据进行爬取
- 本文实例讲述了使用symfony命令创建项目的方法。分享给大家供大家参考，具体如下：概况这一章节描述一个Symfony项目的合理结构框架，并
- 在查看Mysql对文件的操作中，它在不同的操作系统上对文件的操作，除了使用标准C运行库函数，包括open、close、seek等，在Win3
- 一、TensorFLow完整样例在MNIST数据集上，搭建一个简单神经网络结构，一个包含ReLU单元的非线性化处理的两层神经网络。在训练神经
- 这篇文章主要介绍了python字典setdefault方法和get方法使用实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定
- 在绝大多数查询中，MySQL使用哪种校对规则进行比较是很显然的。例如，在下列情况中，校对规则明显的是“列x的列校对规则”：SELECT&nb
- 前言python 可以做网站应用，也可以做客户端应用。但是客户端应用需要运行 py 脚本，如果用户不懂 python 就是一件比较麻烦的事情
- 本文实例讲述了Python计算程序运行时间的方法。分享给大家供大家参考。具体实现方法如下：import timedef start_slee
- 我们都知道 vue-router 的动态路由匹配 对组件是原地复用的策略，需要我们在组件中根据不同的 $route 参数展示不同的数据，这在
- 第一步：创建django项目打开终端，切换到期望所写项目的地址：cd python3_django_projects;输入命令：django
- 我考虑到了x的所有n次的情况，下面的代码有可能是不完美的，但是肯定是对的。def aaa(x,n): A=isinstance(
- 我们大家都知道MySQL数据库在安装完之后，默认的MySQL数据库，其最大连接数为100，一般流量稍微大一点的论坛或网站这个连接数是远远不够
- 1、运动速率上节中，实现了一辆汽车在马路上由下到上行驶，并使用了pygame.time.delay(200)来进行时间延迟。看了很多参考材料
- 列表 List列表是任意对象的集合，在 Python 中通过逗号分隔的对象序列括在方括号 ( [] ) 中people_list = [&#
- 多值运动，也就是对于某个对象来说，不仅仅只是其中一个属性值在变化，而是好多个，比如宽，高，字体，透明度等等同时变化当然了，多值运动会产生一个
- SQLPlus是进行Oracle操作的主要前台工具，用户名和密码分别为用户名和密码，连接ORACLE数据库可见，显示的比较混乱，可以通过以下
- 一、PsutilPython当中的Psutil模块是个跨平台库，它能够轻松获取系统运行的进程和系统利用率，包括CPU、内存、磁盘、网络等信息
- Python 队列Queue 队列是一种先进先出(FIFO)的数据类型, 新的元素通过 入队 的方式添加进 Queue 的末尾, 出队 就是
