Jasinski Technical Wiki

Navigation

Home Page
Index
All Pages

Quick Search
»
Advanced Search »

Contributor Links

Create a new Page
Administration
File Management
Login/Logout
Your Profile

Other Wiki Sections

Software

PoweredBy

Creating Rounded Corners - Cascading Style Sheets

RSS
Modified on Thu, Jan 01, 2009, 1:36 PM by Administrator Categorized as HTML and CSS
<style>
.roundcont {
    width: 100%;
    background-color: #335577;
    color: red;
}
.roundcont h1 {
    margin: 0 10px;
}
.roundtop { 
    background: url({THEMEPATH}images/cornerne.gif) no-repeat top right; 
}
.roundbottom {
    background: url({THEMEPATH}images/cornerse.gif) no-repeat top right; 
}
img.corner {
    width: 8px;
    height: 8px;
    border: none;
    display: block;
}
</style>
<div class="roundcont">
    <div class="roundtop">
        <img src="{THEMEPATH}images/cornernw.gif" alt="" width="8" 
            height="8" class="corner" style="display: block;" />
    </div>
    <!-- CONTENT GOES HERE -->  
    <div class="roundbottom">
        <img src="{THEMEPATH}images/cornersw.gif" alt="" 
	     width="8" height="8" class="corner" 
	     style="display: block;" />
    </div>
</div>

ScrewTurn Wiki version 3.0.1.400. Some of the icons created by FamFamFam. Except where noted, all contents Copyright © 1999-2018, Patrick Jasinski.