การทำ display: inline;

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

Moderator: mindphp

raccoon
PHP Jr. Member
PHP Jr. Member
โพสต์: 18
ลงทะเบียนเมื่อ: 11/01/2011 10:10 pm

การทำ display: inline;

โพสต์ที่ยังไม่ได้อ่าน โดย 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>
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 81