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

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

User avatar
jamepiyawat
PHP VIP Members
PHP VIP Members
Posts: 1097
Joined: 21/05/2019 10:45 am

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

Postby jamepiyawat » 02/08/2019 7:37 pm

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

ในตัวอย่างนี้ผมจะเปิดเป็นแท็ก 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 187 times


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

pipoipi
PHP Newbie
PHP Newbie
Posts: 5
Joined: 02/08/2019 11:01 pm

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

Postby pipoipi » 02/08/2019 11:03 pm

เป็นความรู้ที่ดีมากๆค่ะ

live22

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

Postby live22 » 09/08/2019 12:28 am

เล่นสล็อตออนไลน์

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

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


Return to “CSS Knowledge”

Who is online

Users browsing this forum: No registered users and 7 guests