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

ตอบกระทู้


คำถามนี้ เพื่อป้องกันการส่งแบบอัตโนมัติจากสแปมบอท
รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[flash] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: แสดงภาพเดิมซ้ำกันให้เต็มแถวด้วย repeat-x

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

โพสต์ โดย live22 » 09/08/2019 12:28 am

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

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

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

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

โพสต์ โดย pipoipi » 02/08/2019 11:03 pm

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

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

โพสต์ โดย jamepiyawat » 02/08/2019 7:37 pm

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

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

โค้ด: เลือกทั้งหมด

<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) เปิดดู 158 ครั้ง


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

ข้างบน