Rounded Corners

 <HTML>
<HEAD>
  <TITLE></TITLE>
  <META NAME="generator" CONTENT="NoteTab Pro 4.82">
  <META NAME="author" CONTENT="">
  <META NAME="description" CONTENT="">
  <META NAME="keywords" CONTENT="">

</HEAD>

<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#800080" ALINK="#FF0000">

<script type="text/javascript" src="rounded_corners.js"></script>

<div radius="20" id="curve" style="background-color: #9BD1FA; border: 3px solid #00009C; width: 250px; height: 100px;"> <br>You can place text here.</div>
</BODY>
</HTML>



You can place text here.












<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Cool border</title>

<style type=text/css>
.coliespecial {_margin-left:-4px !important;}

.columnsetup
 {
  margin-left:-9px;
  padding-left:9px;
 }

.mainbox1
 {
  margin:0px 2px;
  overflow: hidden;
  font-size:1px;
  height:1px;
 }

.mainbox2
 {
  margin:0px 1px;
  overflow: hidden;
  font-size:1px;
  height:1px;
 }

.mainbox3
 {
  margin:0px auto;
  overflow: hidden;
  font-size:1px;
  height:1px;
 }

/* We can change all colors */

.mainboxcolor1
 {
  border-left:1px solid #008000;
  border-right:1px solid #008000;
 }

.mainboxcolor2 {background-color: #008000;}

.mainboxcolor3
 {
  border-left: 1px solid #008000;
  border-right: 1px solid #008000;
 }

/* end colors */
 
.mainboxtext
 {
  padding: 2px 9px;
  white-space:nowrap
 }

.block_title
 {
  position: relative;
  top: -0.75em;
  margin: 0 0 5px 0;
  text-align: center;
  font-size: 1.6em;
  border: 0 ! important;
 } 

.block_title strong
 {
  padding: 0 8px;
  color: #008000;           /* Title color */
  background-color: #fff;   /* Title background color */
  font-weight: normal ! important;
 }
</style>

</head>

<body>
<table border="0" width="100%">
 <tr>
  <td width="30%">&nbsp;</td>
  <td style="width: 40%">
    <div class="columnsetup coliespecial" style="width:100%;text-align:center;">
     <div class="mainbox1 mainboxcolor2"></div>
     <div class="mainbox2 mainboxcolor1"></div>
     <div class="mainbox3 mainboxcolor1"></div>
     <div class="mainboxcolor3 mainboxtext">
      <div class="block_title">
       <strong>http://motminhxai.blogspot.com/</strong>
      </div>
      This is a CSS border II that is easy to customize and works in all
        browsers:<br>
        IE, Safari, FF, Opera, Chrome, Konquerror<br>
      Please don't delete link to my site. I put link to JavaScripts site too
      <br>
      <a href="http://www.shvaika.ic.ck.ua" style="text-decoration:none; font-weight:700">
        <font size="4">==> Autor's site here <==</font></a>
      <br>
      <a href="http://www.javascripts.com" style="text-decoration:none; font-weight:700">
        <font size="5">Trungleit.blog.com</font></a>
     </div>
    <div class="mainbox3 mainboxcolor1"></div>
    <div class="mainbox2 mainboxcolor1"></div>
    <div class="mainbox1 mainboxcolor2"></div>
   </div>
  </td>
  <td width="30%">&nbsp;</td>
 </tr>
</table>
<br>

</body>
</html>











Cool border
 
http://motminhxai.blogspot.com/
This is a CSS border II that is easy to customize and works in all browsers:
IE, Safari, FF, Opera, Chrome, Konquerror
Please don't delete link to my site. I put link to JavaScripts site too
==> Autor's site here <==
Trungleit.blog.com
 

















0 Comment "Rounded Corners"

Đăng nhận xét

Bạn có thể test thử trên Test Html Editor Chọn> Mã màu