模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
层和布局特效代码
>
收藏
分享
查看评论
层和布局
演示
又一个纯CSS无图片圆角框_层和布局特效
查看演示效果
特效Tag:
圆角
添加
又一个不用图片实现的圆角效果,纯CSS技术实现,类似百度的圆角,值得借鉴,复制代码就可以用哦。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>又一个纯CSS无图片圆角框</title> <style type="text/css"> body{padding: 20px;background-color: #FFF; font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif} h1,h2,p{margin: 0 10px} h1{font-size: 250%;color: #FFF} h2{font-size: 200%;color: #f0f0f0} p{padding-bottom:1em} h2{padding-top: 0.3em} div#nifty{ margin: 0 10%;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 id="nifty"> <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b> <h1>纯CSs无图片圆角</h1> <p>模板无忧欢迎你的光临</p> <h2>精品网页特效</h2> <p>许多精品网页特效,请访问:http://www.mb5u.com/jscss/</p> <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b> </div> </body> </html>
所属频道:
层和布局特效
/
更新时间:2012-11-20
[收藏]
[报错]
[返回列表]
相关
层和布局特效
:
表格内容排序sortTable
行变成列,列变成行
文本输入限制
拆分单元格
控制表格内的滚动条
颜色交替的表格
JS计算里面有多少个
极酷的表格
会动的表格
可拖动单元格
变色表格
访问表格的每个TD
层和布局特效Rss订阅
特效代码搜索
层和布局特效推荐
JS右下角消息框代码
让一个DIV层的边框闪烁的代码
一个DIV层的折叠与展开
纯CSS实现的圆角边框
一个JS+CSS布局的人气列表
登录切换的选项卡
CSS层透明
用CSS设计类似条状统计表效果
仿淘宝首页商品分类列表边框效果
网页右侧可关闭的漂浮窗口
猜你也喜欢看这些
一个很漂亮的转入别的页面时等待页
用链接随机改变网页的背景颜色
打开一个窗口在一定的时间内自动关闭
超不错的银灰色竖排折叠菜单
页面载入的动画效果的源代码一例
一个滚动的公告栏
卡片效果的导航页面
CSS背景不滚动
打开的窗口由左上角展开
Java Script 颜色梯度和渐变效果
相关链接:
复制本页链接
|
搜索又一个纯CSS无图片圆角框
特效说明:
层和布局模板
-
又一个纯CSS无图片圆角框
。