wave
ทั้งหมด 8 ผลลัพธ์
กำหนดให้รูปภาพย่อ-ขยายอัตโนมัติตามขนาดหน้าจอด้วย CSS

สำหรับบทเรียนรู้นี้เป็นการกำหนดให้รูปภาพย่อขยายอัตโนมัติตามขนาดหน้าจอที่เปิด โดยกำหนดดังนี้ <div class="page-content"> <img src="path/to/image.jpg" /> </div> ใน css จะเขียนดังต่อไปนี้ .page-content img { max-width: 100%; height: auto!important; } &n...

4,921
ใส่ ... เมื่อข้อความยาวด้วย CSS

ตัวอย่างนี้เป็นการกำหนดให้ข้อความตัดอัตโนมัติเมื่อยาวเกินกว่าขอบเขตการแสดงผล โดยใช้ css ในการตัดด้วยคำสั่ง overflow โดยมีการกำหนดดังนี้ <div class="post-title"> <h2>ทดสอบข้อความหัวเรื่องยาวๆ</h2> </div> สำหรับ css จะเขียนดังนี้ .post-title h2 { white-s...

897
การทำเว็บไซต์ให้เป็นสีเทาด้วย CSS

  สวัสดีครับ สำหรับบทเรียนรู้นี้เรามาพูดถึงการปรับแต่งหน้าเว็บไซต์ให้แสดงผลสีเทา โดยการใช้ CSS ซึ่งสามารถทำได้โดยใช้คำสั่งต่อไปนี้ <style> html{ -moz-filter: grayscale(100%); /* IE */ filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filte...

8,702
Pseudo Class

เป็นการกำหนดรูปแบบ css แบบหลายชั้น ตัวอย่างเช่น การกำหนด css ให้กับ tag a เป็นการกำหนดรูปแบบให้กับการเชื่อมโยงหรือลิ้งค์ 1.    A:LINK  การเชื่อมโยงที่ยังไม่ได้เรียกใช้ 2.    A:ACTIVE การเชื่อมโยงที่กำลังเรียกใช้ กำลังเปิดเพจ 3.    A:VISITED การ...

1,604
Class และ ID

    การใช้งานแบบ Inline และ การใส่ CSS ที่ <head> นั้นทำให้รูปแบบของ html tag ถูกกำหนดค่าใหม่ ในการเรียกใช้ทุกๆ ครั้งก็จะเป็นค่าใหม่ เช่น เมื่อเราเรียก Tag <b> ก็จะพบว่าเมื่อเรียก Tag <b> ทุกๆ ครั้งก็จะเป็นการเรียกใช้ CSS ที่ถูกกำหนดขึ้นทุกครั้ง ซึ่งหากเราต้องการให้ Tag &...

3,226
การใส่ CSS แบบ Import File

ไฟล์ที่เป็น CSS นั้น จะมีนามสกุล หรือ Extension เป็น .css ซึ่งโดยทั่วไปแล้วจะสร้างไฟล์ CSS แยกอิสระจากไฟล์ html เพื่อให้มีการจัดการได้ง่ายมากยิ่งขึ้น เช่น style.css style.css TAGNAME { attribute1 : value1; attribute2 : value2; … attribute n : value n; } TAGNAME คือ Tag...

3,050
Cascading Style Sheet (CSS)

CSS เป็นรูปแบบของการจัดการกับ Tag ใดๆ ของ HTML โดยสามารถกำหนดรูปแบบ หรือ Attribute ให้กับ Tag ต่างๆ ได้อย่างสวยงามและเป็นรูปแบบตามต้องการได้อย่างง่ายดาย โดยการกำหนดเพียงครั้งเดียวเราก็สามารถเรียกใช้งานได้ตลอด ซึ่งทำให้ง่ายต่อการเรียกใช้งาน   การใช้งาน CSS การใส่ CSS แบบ Inline รูปแบบ...

2,652
css คืออะไร

3,100