Hey, I was wondering if it would be possible to somehow embed HTML within a CSS style?

Why, you ask?

For example, say you want to make a div with a style having rounded corners. Well, rounded corners is hell with CSS and requires all sorts of Javascript patchwork. But with tables it's easy. So what if we could make a style that gives a table with rounded corners?

That's my train of thought. I would like to hear all y'all's opinions.

I should clarify - scalable liquid layout with rounded corners in CSS is hell.

Hey, I was wondering if it would be possible to somehow embed HTML within a CSS style?

No. ...

Originally Posted by Abusername

For example, say you want to make a div with a style having rounded corners. Well, rounded corners is hell with CSS and requires all sorts of Javascript patchwork.

How so? If you use three styled elements, you can get a better, simpler product than tables can...

.topcorners {
width: 400px;
height: 28px;
}
#topleft {background: url("topleft.jpg"); width: 28px; height: 28px; float: left;}
#topright {background: url("topright.jpg"); width: 28px; height: 28px; float: right;}
.main {
width: 400px;
}
.bottomcorners {
width: 400px;
height: 28px;
}
#bottomleft {background: url("bottomleft.jpg"); width: 28px; height: 28px; float: left;}
#bottomright {background: url("bottomright.jpg"); width: 28px; height: 28px; float: right;}

<div class="topcorners">
<div id="topleft"></div><div id="topright"></div>
</div>
<div class="main">
content
</div>
<div class="bottomcorners">
<div id="bottomleft"></div><div id="bottomright"></div>
</div>

- Steve