css圓角效果-網頁特效

<html><br>

<head><br>

<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}<br>

</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>

仿windows選項卡效果網頁特效代碼
<!-- website:http://www.knowsky.com --><!-- bbs:http://bbs.knowsky.com --><!-- 完整的HTML代碼如下 --><HEAD><title>網頁圖片顯示特效</title><meta name="Author" con...查看完整版>>仿windows選項卡效果網頁特效代碼
 
網頁特效之DHTML信息輪顯效果
<!-- http://www.knowsky.com --><!-- 完整的HTML代碼如下: --><html><head><title>跟隨滾動條而滾動的廣告條</title><meta http-equiv="Content-Type" content="text/html;...查看完整版>>網頁特效之DHTML信息輪顯效果
 
頁面背景花瓣效果[網頁特效]
有什麽問題請到<a href='/bbs/forums.php?fid=21'>論壇</a>中發表<br><!--# 特效來源:http://www.webjx.com/js --><!-- 把下面代碼加到<body>區域中 --> <script Language=...查看完整版>>頁面背景花瓣效果[網頁特效]
 
網頁特效之DHTML信息輪顯效果
<HTML><style><!--#ticker{ width:800px; line-height:1.2em; background-color:lightblue;}--></style><script language="JavaScript1.2">//configure tickercontents[] to set t...查看完整版>>網頁特效之DHTML信息輪顯效果
 
特效代碼:CSS實現光滑圓角效果
<html xmlns:v><head><style>v\:*{behavior: url(#default#VML);}</style></head><body><v:roundRect style="position:absolute;left:20px;top:50px;width:200px;height:140...查看完整版>>特效代碼:CSS實現光滑圓角效果
 
舞台光柱照射效果(CSS特效)
<!--要完成此效果把如下代碼加入到<body>區域中--><SCRIPT language=JavaScript>function copy(ob){var obj=findObj(ob); if (obj) { obj.select();js=obj.createTextRange();js.execCommand("Cop...查看完整版>>舞台光柱照射效果(CSS特效)
 
用css實現孤形表格效果特效代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Nifty Corners: HTML CSS rounded corners</title><meta http-...查看完整版>>用css實現孤形表格效果特效代碼
 
舞台光柱照射效果(CSS特效)
有什麽問題請到<a href='/bbs/forums.php?fid=21'>論壇</a>中發表<br><!-- http://www.webjx.com --><!-- bbs http://www.webjx.com/bbs--><!-- 完整的HTML代碼如下--><head...查看完整版>>舞台光柱照射效果(CSS特效)
 
用css實現孤形表格效果特效代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Nifty Corners: HTML CSS rounded corners</title><meta http-...查看完整版>>用css實現孤形表格效果特效代碼
 
 
回到王朝網路移動版首頁