Posts Tagged Under css

December 23rd, 2010

Rounded corners menggunakan CSS

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
Share
Posted in html & css
By
read more
December 22nd, 2010

List navigasi (menu) standard

Pautan (link) navigasi atau menu biasanya dibuat dengan menggunakan unordered list atau “ul” seperti contoh di bawah.

<ul id="nav">
   <li><a title="Home Page" href="#" rel="nofollow">Home</a></li>
   <li><a title="About Page" href="#" rel="nofollow">About</a></li>
   <li><a title="Clients Page" href="#" rel="nofollow">Clients</a></li>
   <li><a title="Contact Page" href="#" rel="nofollow">Contact Us</a></li>
</ul>

List ini kemudiannya boleh ditukar rupanya dengan menggunakan CSS. Salah satu contoh penggunaan CSS untuk list ul di mana dengan menggunakan selector list-style: none, saya membuang dot hitam di tepi setiap elemen di dalam list tersebut.

#nav {
	margin: 0;
	padding: 0;
}
#nav li {	
	list-style: none;
	display: inline;
}
#nav li a{
	padding: 5px;
	color: black;
	text-decoration: none;
	background-color: #f7deba;
}
#nav li a:hover{
	background-color: #f99679;
}
Share
Posted in html & css
By
read more
Tutorial php,mysql,javascript,css,html bahasa melayu