การทำ display: inline;

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

Post Reply
raccoon
PHP Jr. Member
PHP Jr. Member
Posts: 18
Joined: 11/01/2011 10:10 pm

การทำ display: inline;

Post by raccoon »

ul.navigation{
padding-top: 6px;
}
ul.navigation li{
display: inline;
background: url(3.png) no-repeat left top;
}

ul.navigation a{
background-color: black;
border: 1px dotted green;
width: 320px;
height: 240px;
margin: 10px;
padding: 5px;
background: url(3.png) no-repeat left top;
}

-------------------------------------------------------

<html>
<head>
<link rel = "stylesheet" style= "text/css" href="inline.css">
</head>
<body>
<ul class = "navigation">
<li align="center"><a href ="www.google.com">ฟักทอง</a></li>
<li align="center"><a href ="www.google.com">ผลไม้</a></li>
<li align="center"><a href ="www.google.com">ส้ม</a></li>
</ul>

</body>

</html>
Top
Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “HTML CSS”

Who is online

Users browsing this forum: No registered users and 3 guests