AutoCAD
3DMAX
C语言
Pro/E
UG
JAVA编程
PHP编程
Maya动画
Matlab应用
Android
Photoshop
Word
Excel
flash
VB编程
VC编程
Coreldraw
SolidWorks
A Designer
Unity3D
AE教程
Delphi
C++
汇编语言
数据结构
软件工程
ASP编程
JSP
JavaScript
XML
SQL Server
ACCESS
MySQL
速读教程
IQ智商
记忆力
口才教程
学习方法
软件工程
ASP编程
JSP
JavaScript
XML
html游戏
ACCESS
MySQL
首页
>
css教程
魔哥css圆角实现代码 （代码精简，完全自适应）
51自学网
http://www.wanshiok.com
css,圆角所用到的图片:
<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(/do/uploads/allimg/100520/2212570.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(/do/uploads/allimg/100520/2212570.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>
提示：您可以先修改部分代码再运行
css,圆角
CSS两列布局实现方式总结
网站设计之合理架构CSS
CSS的三列式"圣杯布局"方案完全解析
CSS Web安全字体组合详解
css水平居中的各种方法总结(推荐)
CSS使用BFC规则布局引发外层div包裹内层div的处理方法
CSS在固定宽高的div内实现垂直居中的实例详解
浅谈CSS中的clear清除浮动
浅析css3中matrix函数的使用
使用CSS3中的calc()属性来以算式表达尺寸数值
上一篇：
css 关于空白叠加
下一篇：
跨浏览器开发经验总结（二） CSS
分享到：
QQ空间
新浪微博
腾讯微博
人人网
网易微博
CAD教程
教师招聘
招聘信息
51自学网 我要自学网视频教程,视频下载 自学网 自学编程网 CAD自学网 PS自学网 www.wanshiok.com
网站地图
