CSS实现 DIV圆角,CSS、DIV

汉南在线 → 网页设计 → HTML/CSS

CSS实现 DIV圆角

作者：匿名
关键字：CSS、DIV

运行代码框
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Descrīption" CONTENT=""> </HEAD> <BODY> <style type="text/css"> div#nifty{margin: 0 10%;background: #9BD1FA;width: 300px;word-break:break-all;} 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> <center> <div id="nifty"> <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b> <span style="font-size:16;color:#fff;font-family:华文行楷;"> 家穷人丑一米四九，<br> 小学文化农村户口。<br> 破屋三间病猪一头，<br> 冷锅热灶老婆没有。<br> 今日上网广征女友，<br> 革命道路并肓携手。 </span> <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b></div> </BODY> </HTML>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

	来源：网络阅读：347 次日期：2007-11-15
【双击滚屏】【推荐朋友】【收藏】【打印】【关闭】【字体：大中小】

上一篇：专业做网站必备软件及下载地址
下一篇：简易实现DIV圆角的JavaScript代码和使用方法

>> 相关文章

·CSS 在线编辑器

·用CSS实现气泡式提示效果

·DIV 垂直居中问题的修正

·DIV背景半透明，DIV中的字不半透明

·div 相对于浮动层定位，不占位

·一个层下拉效果

·模拟带图片title提示

·WebTree简洁的二级菜单

5.12汶川大地震遇难同胞默哀 | 汉南在线总站 | 免费电影 | BT电影下载 | 东莞信息网 | 流行购商城

授权使用：汉南在线 http://hnzx.hzwz.net/
经营许可证：陕ICP备05000109号 Powered by：汉南在线
Copyright (c) 2002-2007 汉南在线. All Rights Reserved .