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

Post a reply


This question is a means of preventing automated form submissions by spambots.
Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is ON
[url] is ON
Smilies are ON

Topic review
   

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

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

Post by live22 » 09/08/2019 12:28 am

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

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

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

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

Post by pipoipi » 02/08/2019 11:03 pm

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

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

Post by 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 197 times


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

Top