All about programming in GNU/LINUX

XHTML and CSS-3:Table and List styling using basic CSS

<!DOCTYPE html>
<html>
<head>
	<title>CSS TABLES</title>
	<style type="text/css">
	table {border:4px solid blue;}       <!-- CSS and XHTML for styling tables> 
	tr    {background-color:red}
	td    {border:2px dashed yellow} 

	</style>
</head>

<body>
<table>
	<tr>   
		<td>CONTENT1</td>
		<td>CONTENT2</td>
		<td>CONTENT3</td>
	</tr>
	<tr>   
		<td>CONTENT4</td>
		<td>CONTENT5</td>
		<td>CONTENT6</td>
	</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
	<title>CSS TABLES</title>
	<style type="text/css">
	ul {list-style-type:circle;
	    border:1px dotted blue;}			
	ol {list-style-image:url(linux.png);}    
	<!-- This sets the bullets of ordered list to the image linux.jpg -->
	</style>
</head>

<body>
 	<ul>
		<li>Linux Device Drivers</li>
		<li>JAVA SCRIPT</li>
		<li>LINUX SYSTEM PROGRAMMING</li>
	</ul>
	<ol>
		<li>Linux Device Drivers</li>
		<li>JAVA SCRIPT</li>
		<li>LINUX SYSTEM PROGRAMMING</li>
	</ol>
</body>
</html>
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s