Page 1 of 1

แสดงภาพเดิมซ้ำกันให้เต็มแถวด้วย repeat-x

Posted: 02/08/2019 7:37 pm
by jamepiyawat
หลาย ๆ คนที่ทำหน้าเว็บแล้วประกฏว่าภาพที่จะเอามาแสดงนั้นไม่เต็มตามที่เราได้คาดการเอาไว้กันบ้างไหมวันนี้เราก็จะมีวิธีการทำให้รูปของเราแสดงซ้ำกันจนเต็มแถวไปเลยวิธีการจะเป็นอย่างไรลองไปดูกันเลย

ในตัวอย่างนี้ผมจะเปิดเป็นแท็ก style ในไฟล์เดียวนะครับเพราะว่าจะได้เห็นภาพได้ง่ายแต่ว่าเราก็สามารถนำคำสั่งใน style เข้าไปอยู่ในไฟล์ css ก็ได้ครับ

Code: Select all

<html>
<head>

<style type="text/css">
body
{
background-image : url('4.jpeg');
background-repeat : repeat-x
}
</style>

</head>

<body>
</body>
</html>


โดยให้ใช้คำสั่ง repeat-x เพื่อเป็นคำสั่งให้มีการแสดงรูปเดิมซ้ำไปเฉพาะแกน x อย่างเดียวเท่านั้น

ผลลัพธ์ที่ได้

Selection_999(301).png
Selection_999(301).png (185.51 KiB) Viewed 195 times


เป็นอย่างไรบ้างครับสำหรับคำสั่ง repeat-x ก็หวังว่าจะเป็นประโยชน์ให้กับงานของเราได้นะครับสุดท้ายนี้ก็หวังว่าผู้ที่เข้ามาอ่านบาความนี้จะได้รับผลประโยชน์จากการอ่านบทความนี้ไม่มากก็น้อยนะครับ

Re: แสดงภาพเดิมซ้ำกันให้เต็มแถวด้วย repeat-x

Posted: 02/08/2019 11:03 pm
by pipoipi
เป็นความรู้ที่ดีมากๆค่ะ

Re: แสดงภาพเดิมซ้ำกันให้เต็มแถวด้วย repeat-x

Posted: 09/08/2019 12:28 am
by live22
เล่นสล็อตออนไลน์

ต้องที่ live22 ฟรีเครดิต

https://live22easyxo.blogspot.com/2019/08/live22.html