CSS实现圆角的方法
2024-08-22 09:35:41
<style type="text/css">
body,p,div {margin:0;padding:0;}
.Box {margin:10px auto;width:500px;}
/*淘宝的圆角方法*/
.R-1-T,.R-1-B {height:6px;position:relative;background-image:url(http://images.cnblogs.com/cnblogs_com/jikey/round6.png);background-repeat:no-repeat;overflow:hidden;}
.R-1-T {background-position:-6px 0;margin-bottom:-6px;}
.R-1-B {background-position:-6px -6px;margin-top:-6px;}
.R-1-T b,.R-1-B b {float:right;background-image:url(http://images.cnblogs.com/cnblogs_com/jikey/round6.png);background-repeat:no-repeat;height:6px;width:6px;text-indent:-9999px;}
.R-1-T b {background-position:0 0;}
.R-1-B b {background-position:0 -6px;}
.R-1-C {border:1px solid #dfdfdf;padding:6px;}
</style>
<div class="Box">
<p class="R-1-T"><b>圆角底部</b></p>
<div class="R-1-C">内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里</div>
<p class="R-1-B"><b>圆角底部</b></p>
</div>
学习与分享div+css的平台:http://www.divcss5.com/
文章摘自:http://www.cnblogs.com/jikey/archive/2010/05/20/1740366.html
最新文章
- Mysql存储过程和函数区别介绍
- [转]eclipse重新编译
- 用js动态生成css代码
- 使用IntelliJ IDEA 编译开源的机器学习源码--Oryx
- 安装python 的 包 paramiko
- hiho 第1周 最长回文子串
- python流程控制语句 ifelse - 4
- 排序 归并排序&;逆序对
- input hidden用法
- event小解
- Kubernetes 使用私服镜像
- Java 持久化之 --io流与序列化操作
- Python_Mix*random模块,time模块,sys模块,os模块
- jmeter测试计划元素执行顺序
- Scrapy创建项目问题
- Beta 冲刺 (3/7)
- easy ui Uncaught Error: cannot call methods on tooltip prior to initialization; attempted to call method &#39;hide&#39;
- tomcat停止和启动脚本
- 【转载】Hibernate之hbm.xml集合映射的使用(Set集合映射,list集合映射,Map集合映射)
- DIN-A4 doublesided year calendar
热门文章
- Understanding The Linux Virtual Memory Manager
- SQL Developer 警告--无法安装某些模块
- linux命令(24):/etc/profile、/etc/bashrc、~/.bash_profile、~/.bashrc
- jQuery实现的层级轮播图
- 【转】java图形界面设计(AWT)
- range() 函数详解 python
- RTX——第17章 定时器组
- RTX——第11章 临界段,任务锁和中断锁
- JAVA-JSP之include指令
- 创建一个动态链接库 (DLL),使用VS2010