<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>css圆角效果--网站每日新</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<style type="text/css">
div.RoundedCorner{background: #9BD1FA}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
</style>
</head>
<body>
<div class="RoundedCorner">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<br>无图片实现圆角框<br><br>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>
</body>
</html>
分享到:
相关推荐
在众多圆角技术中, 固定宽度的圆角矩形应该是最容易实现的, 只需要2个图片以及一段简单的html代码. html代码如下: <div class=wrapper> 标题</h1> 内容</p></div> 图片大致如下: top.gif bottom.gif
用三张图片加简单的CSS样式实现圆角框,不是最好的方法,但也是一种可以采用的方式。
圆角边框看似简单, 但实现起来却很不简单, 可能需要复杂的页面结构或大量的边角图片, 方法很多, 但无论哪一种都是难以维护的. CSS 很直观, 但显然不够灵活, 导致页面设计中出现大量冗余代码. 不能使用变量和循环, ...
用背景图片要好看得多,问题是不能拉伸,最简单做法就是用四个角小图片加边框拼出来。不过这样多出N多图片,一堆乱七八糟的代码,相当不爽。 有一个很有技巧的方法,用一张大图片+CSS来做,原理如下。 用一张大的...
此外,我专注于寻找最简单的办法做到这一点。这里的例子: %移动 HTML标记: 我们需要的是这两个div,第一个div将代表主容器和圆角和阴影效果,第二个div的实际进度条。 我添加了一个输入和一个按钮...
1.本书1~21章所附代码的运行环境 操作系统:Windows 2003、Windows XP Professional,或者Windows 2000 开发环境:UltraEdit12.10a、eclipse-jee-europa Web浏览器:Microsoft Internet Explorer 6.0及以上版本 ...
简单易用,很多情况下只要熟悉HTML语法,使用HTML属性就可以轻松用对于JavaScript不太熟悉的程序员是非常方便的,他们只需要关注目标业务逻辑的实现就行了,前端页面上只需要简单的写点HTML代码。库开发,提供丰富的...
13.3 最简单的获取时间的方法 13.4 随日期变换的文本 13.5 输入框的默认值为今天 13.6 时间相加 13.7 5秒后消失的广告 13.8 12小时制和24小时制的转换 13.9 标题栏显示时间 13.10 超过时间页面自动跳转 13.11 分时段...
13.3 最简单的获取时间的方法 13.4 随日期变换的文本 13.5 输入框的默认值为今天 13.6 时间相加 13.7 5秒后消失的广告 13.8 12小时制和24小时制的转换 13.9 标题栏显示时间 13.10 超过时间页面自动跳转 13.11 分时段...
5.6 实例:简单的渐变效果 5.7 小结 第6章 案例研究:图像裁剪和缩放工具 6.1 测试文件 6.2 imageEditor对象 6.2.1 调用imageEditor工具 6.2.2 imageEditor载入事件 6.2.3 ...
5.6 实例:简单的渐变效果 5.7 小结 第6章 案例研究:图像裁剪和缩放工具 6.1 测试文件 6.2 imageEditor对象 6.2.1 调用imageEditor工具 6.2.2 imageEditor载入事件 6.2.3 ...
5.6 实例:简单的渐变效果 5.7 小结 第6章 案例研究:图像裁剪和缩放工具 6.1 测试文件 6.2 imageEditor对象 6.2.1 调用imageEditor工具 6.2.2 imageEditor载入事件 6.2.3 ...
计算逻辑是最简单的部分,但尝试将这些函数编写在一起并在彼此内部调用它们是一项挑战。 我不想让事情过于复杂和超越自己,所以我选择了一个简单而实用的游戏。 由于我目前正在学习 JavaScript
优化 为部分现代浏览器增加 CSS3 效果,例如圆角、阴影等 优化 后台操作窗口拖动不流畅的问题,以及窗口随屏幕尺寸自适应的问题 优化 广告载入去掉不必要统计,减轻服务器压力 优化 广告统计和更新请求由单个换成...
3.28 节给Hbox 设置背景图片和圆角 3.29 节控制子组件的位置和滚动 第四章文本(121) 4.1节正确的设置一个文本对象的值 4.2节. 将TextInput绑定一个值 4.3节. 创建一个具有文字提示的文本输入框 4.4节. 创建一个合适...