<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
<!--
.box{
width:20em;
background:#ffffff url(http://ice-cream.iteye.com/upload/picture/pic/8113/5db63aa3-4742-3124-9347-5b24be3ac140.gif) no-repeat left bottom;
color:#666666;
}
.box_outer{
background:url(http://ice-cream.iteye.com/upload/picture/pic/8116/3b8d86cf-5f51-32ac-843a-add5e7330db0.gif) no-repeat right bottom;
padding-bottom:5%;
}
.box_inner{
background:url(http://ice-cream.iteye.com/upload/picture/pic/8118/1cdc0448-19de-3b09-9484-8663b57d9336.gif) no-repeat left top;
}
h2{
background:url(http://ice-cream.iteye.com/upload/picture/pic/8120/b18eedeb-18bf-37b3-bd77-48895ac79037.gif) no-repeat right top;
padding-top:5%;
}
h2,p{
padding-left: 5%;
padding-right:5%;
}
-->
</style>
</HEAD>
<BODY style="font-size:12px;">
<div class="box">
<div class="box_outer">
<div class="box_inner">
<h2>Lorem lpsum</h2>
<p>Lorem ipsum dolor sit amet,consecteuer adlipiscing elit.Proin venenatis turpis ut quam.In dolor.Nam ultrixes nis!sollicitudin sapien.Ut lacinia aliquet ante.</p>
</div>
</div>
</div>
</BODY>
</HTML>
你可以随意改动<BODY style="font-size:12px;">中font-size的大小，这时你会发现圆角框会因文本尺寸进行伸缩，很灵活，很强大！
- 大小: 34.9 KB
分享到：
相关推荐
HTML中使用背景图像实现圆角框。包括固定宽度的圆角框和灵活的圆角框。
１，无图片纯css圆角框 收录理由：兼容性强，不用图形 图一 特点： 1.不用任何图形，使用很多个div容器模拟出圆角效果。 2.兼容性：通杀所有浏览器 缺点： 1.构造这个圆角需要加入太多的无语义的标签，结构比较冗余...
CSS3自适应文字的圆角滚动菜单特效，CSS3 jQuery结合实现，这里的圆角是指图片的边框修饰成了圆角，看上去很不错的图文菜单，响应鼠标滚动的功能，从操作体验上来说，十分舒服，也很灵敏，滚动幅度掌握的相当好，...
CSS 很直观, 但显然不够灵活, 导致页面设计中出现大量冗余代码. 不能使用变量和循环, 若想清除某个类型所有属性的值还需要一句一句的清除, 而不是一句完成. 而最令人痛心的莫过于现实圆角边框, 或许以下的代码是我们...
本文介绍了如何用简单的 CSS 技巧来装饰图片的技巧，方法很简单，只需要用一个 span 标签并对它应用背景图，即可以做出非常漂亮但不失灵活的效果。而且作者还提供了 20 多种经过精心设计的演示，从简单的装饰一个...
[组件]体积小、反应灵敏的响应式组件，使用一致的、无冲突的命名规则。[自定义]可根据 FEA 基本的风格及样式，轻松地自定义创建出自己喜欢的主题样式。[响应式]根据不同的屏幕分辨率与上网设备，FEA 会自动响应提供...
提供丰富常用的 UI 控件，例如 BottomSheet、Tab、圆角 ImageView、下拉刷新等，使用方便灵活，并且支持自定义控件的样式。 高效的工具方法 提供高效的工具方法，包括设备信息、屏幕信息、键盘管理、状态栏管理等...
xUtils包含了很多实用的android工具； xUtils支持超大文件(超过2G)上传，更全面的http请求协议支持(11种谓词)，拥有更加灵活的ORM，更多的事件注解支持且不受混淆影响；... 支持圆角, 圆形, 方形等裁剪, 支持自动旋转。
我想介绍一种比较灵活的圆角框，它可以水平和垂直扩展。需要使用四个图像：我使用的图像和上面有点不同，只是四个边框。当宽度变小时，右边的图像会覆盖左边的图像。当高度变小时，上面的图像会覆盖下面的。所以图像...
一个灵活,简易,扩展性强的气泡提示框。可通过属性设置颜色、边框色、圆角、三角大小、三角位置、按比例设置三角位置、三角方向、气泡中的文字。还暴露一个容器可让用户自定义气泡中的内容。如果你懒得设置这些属性，...
一个高度灵活的仿微信密码框 jcenter地址 依赖： implementation 'coder.siy:password-textView:1.0.0' Demo截图 绘制原理图 绘制黑色的底 /** * 绘制边框,先绘制一整块区域 */ private void drawBoarder...
该模型的重要预测是：中微子质量的正常层次结构，大气角的较高八分圆角（θ23> 45°）和3σC.L处的近狄拉克型CP相（δ≈π/ 2或3π/ 2）。 这些预测与Super-Kamiokande（SK），NOVA和T2K的最新全球拟合和结果相吻合...
内容索引:脚本资源,CSS特效,圆角特效代码 很多种圆角特效，包括有边框和无边框的，以CSS为主要，用JavaScript封装的相当完整，是老外写的，支持多浏览器，可以自定义区块内某一个角是圆角的，很灵活方便，源码爱好...
同时兼容所有jQuery插件，在项目中可以灵活使用，让前端开发如虎添翼。 轻量高效、国产开源：拼图基于应用广泛jQuery插件，轻量高效；相对于国外的前端框架，拼图前端框架侧重于对中文的支持，符合国人的视觉及体验...
灵活配置ImageLoader的基本参数，包括线程数、缓存方式、图片显示选项等； (3).图片异步加载缓存机制，包括内存缓存及SDCard缓存； (4).采用监听器监听图片加载过程及相应事件的处理； (5).配置加载的图片显示选项，...
1、优化界面圆角弧度，使界面圆角弧度更自然、更美观 2、更换新新LOGO 下载连接已经更新为新版。由于只是修改了界面部分，故没有更新版本号，等下次功能更改时再更新版本号吧 2010.1.29日更新： 1、更正“关于”中...
Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。下面先给大家说下学习要点。...//在固定的范围内，有圆角 网站标题</h