Will CSS do it?

liunx

Guest
I am interested in making my sites more interesting, like interesting borders for stuff to go in, not like regular lined borders, mainly something like this site: <!-- m --><a class="postlink" href="http://www.strike-force.com/index.php?page=about.htm">http://www.strike-force.com/index.php?page=about.htm</a><!-- m --> Most people r saying that I can achieve websites like that in CSS. I have now learned CSS, however it doesn't seem like it has the capability to do stuff like that, and just make very eye catching sites. I was wondering if this had to be achieved in PHP, or something of that nature. Thanksno..thats not coding..its graphic design u want. u gotta learn to use photoshop or fireworks then you can have eye catching sitesAs ilya says, what is impressing you is design. HTML, CSS, Javascript, graphic images are all part of the implementation of the design.Nexter > I have something you might like.


<html><head>
<title>CSS Tables</title>
<style type="text/css"><!--
.pad1 {padding:10px; background:#5cacd4; color:#ffffff; border:ffffff 4px dashed}
.pad2 {padding:10px; background:#5cacd4; color:#ffffff; border:ffffff 4px dotted}
//--></style>
</head><body>
<div align="left" width="250"><p class="pad1">
<table><tr>
<td align="center"><font size="+1">
<u><b>This is a sample of how CSS can make weard borders.</b></u>
</font></td>
</tr></table>
</p></div>
<div align="right" width="250"><p class="pad2">
<table><tr>
<td align="center"><font size="+1">
<u><b>This is a sample of how CSS can make weard borders.</b></u>
</font></td>
</tr></table>
</p></div>
</body></html>


There is 2 different borders here. You can format the CSS for a better look.


Hope I helped :)CSS is more than capable of that design. Once you've got your graphic design and visual communication wings, head to <!-- w --><a class="postlink" href="http://www.w3schools.com">www.w3schools.com</a><!-- w --> for the basics on HTML and CSS, then go to <!-- w --><a class="postlink" href="http://www.alistapart.com">www.alistapart.com</a><!-- w --> and read up on the latest design techniques.
 
Back
Top