模板酷站
电脑版
提示:
原网页
已由神马搜索转码, 内容由
www.mb5u.com
提供.
无忧首页
网页模板
程序模板
建站教程
视频教程
更多导航↓
网页特效
图标素材
字体下载
站长工具
站长问答
CMS教程
Div+Css教程
网站制作教程
网站运营
网络编程
服务器教程
站长工具
Div+Css教程
模板无忧
>
建站教程
>
Div+Css教程
>
DIV+CSS实例
>
CSS圆角边框纯CSS制作_DIV+CSS实例
编辑Tag赚U币
教程Tag:
暂无Tag,欢迎
添加
,赚取U币!
织梦DedeCMS视频教程
买空间 租服务器 选网硕互联!
无忧站长工具,百度权重一键全查!
代码调试框
[www.mb5u.com]
<style type="text/css"> #xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;} #xsnazzy h1 {font-size:2.5em; color:#fff;} #xsnazzy h2 {font-size:2em;color:#06a; border:0;} #xsnazzy p {padding-bottom:0.5em;} #xsnazzy h2 {padding-top:0.5em;} #xsnazzy {background: transparent; margin:1em;} .xtop, .xbottom {display:block; background:transparent; font-size:1px;} .xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;} .xb1, .xb2, .xb3 {height:1px;} .xb2, .xb3, .xb4 {background:#ccc; border-left:1px solid #08c; border-right:1px solid #08c;} .xb1 {margin:0 5px; background:#08c;} .xb2 {margin:0 3px; border-width:0 2px;} .xb3 {margin:0 2px;} .xb4 {height:2px; margin:0 1px;} .xboxcontent {display:block; background:#ccc; border:0 solid #08c; border-width:0 1px;} </style> <div id="xsnazzy"> <b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b> <div class="xboxcontent"> <h1>Snazzy Borders</h1> <p>Based on Nifty Corners By Alessandro Fulciniti<br />http://pro.html.it/esempio/nifty/</p> <h2>Rounded borders without images</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p> </div> <b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b> </div>
[ 可先修改部分代码 再运行查看效果 ]
网站制作在线视频教程
网站制作视频教程打包下载
DIV+CSS模板
CSS视频教程
CSS设计彻底研究视频教程
网页制作基础教程
网站重构&web标准设计教程
div css视频教程
来源:无忧整理
/
所属分类:
DIV+CSS实例
/
更新时间:2007-04-13
最新评论:
暂时还没人评论! 快来抢沙发啊!
请在这里输入您要发表的评论信息! 理智评论,文明上网,共建和谐网络. 严禁广告、谩骂等不良信息.
匿名评论
相关
DIV+CSS实例
:
固定div容器的宽高,图片居中(图片不限制大小)
用css制作有滚动条的居中弹出框
鼠标指住(hover)变色的按钮演示demo
10个很酷的涂鸦风格国外网店设计展示
jquery模拟浏览器滚动条效果
仿谷歌google的搜索框下拉提示列表效果
JS显示网页最后更新时间
CSS技巧:text-indent隐藏文字(以图换字)
CSS实例:三列自适应等高且中列宽度自适应
DivCSS布局实例:很实用的图文混排CSS列表-富有语义
DivCSS实例:CSS菜单Flash效果用图片模拟实现
DivCSS布局实例用dldtdd来制作列表
Div+Css教程搜索
DIV+CSS实例推荐
Web标准实战CSS网页布局豆瓣首页
CSS实例:ULli打造CSS横向菜单蓝色地平线
DIV CSS布局实例:半透明阴影效果的实现
CSS布局实例:仅一张图片实现圆角!
DivCSS布局关于分辨率与100%自适应问题的探讨!
10个很酷的涂鸦风格国外网店设计展示
CSS布局的8个你需要掌握的技巧
CSS布局教程:如何用CSS构建图片、文字混排的产品展示?
DIVCSS布局教程:应用ul、li实现表格形式
使用fieldset、label标签制作form表单
猜你也喜欢看这些
DivCSS经验:组织选择符和声明
div居中的设置该如何编写css?
web标准中滚动条颜色设置失效怎么办?
CSS布局中可以用javascript判断浏览器版本
使一个层垂直居中于浏览器
DIVCSS实例教程:利用一张背景图片实现的简单CSS导航菜单
如何实现多风格选择样式实时切换?
HTML实现无刷新 更换CSS样式
如何制作可控制显示或隐藏的伸缩式DIV CSS新闻列表?
div css网页布局时如何合理架构css?
新热推荐
1
/
3
dedecms模板_简洁大气的网络设计工作室模板
织梦蓝色简洁新闻资讯门户模板下载(原创)
织梦橙黑清新炫酷工作室模板(视频演示)
织梦文章/新闻资讯/博客模板(仿chinaz最新版,蓝色简洁大气)
Wordpress淘宝客程序(淘金渡-强大自动采集功能 可做返利类淘宝客网站)
精仿大前端D8主题织梦模板下载
织梦网络工作室模板,2013年最新设计,大气美观
织梦科技IT资讯类博客模板(仿虎嗅网织梦模板)
dedecms织梦漫画网站模板(带采集+漫画连载)
织梦dedecms文章模板博客模板-可自定义颜色
PhotoShop鼠绘超酷的游戏场景
Photoshop实例教程:照片漫画插画效果的制作
相关链接:
复制本页链接
|
搜索CSS圆角边框纯CSS制作
教程说明:
DIV+CSS实例
-
CSS圆角边框纯CSS制作
。