โค้ดปรับสีเว็บไซต์ ให้กลายเป็นสีขาวดำ ด้วย CSS

โค้ดปรับสีเว็บไซต์ ให้กลายเป็นสีขาวดำ ด้วย CSS

 

โค้ดปรับสีเว็บไซต์ ให้กลายเป็นสีขาวดำ

 

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


body {
 
-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
 
filter: grayscale(100%);
 
}

 
ซึ่งสามารถนำโค้ดส่วนนี้ไปวางในโปรเจคของเราได้เลย แต่ถ้าหากใครใช้ เครื่องมือ สร้างเว็บไซต์สำเร็จรูป Sogoodweb อยู่ละก่อ สามารถทำตามขั้นตอนดังต่อไปนี้ได้เลย
 
1. Copy โค้ดข้างต้นไป แล้วเข้าไปที่จัดการระบบหลังบ้าน เลือกเมนู "ปรับแต่งเเว็บไซต์" > คลิกปุ่ม "CSS"
 

 

2. จากนั้นวางโค้ดลงไป แล้วคลิกปุ่ม "บันทึกและปิด" 
 

 

3. แค่นี้ก็เป็นอันเสร็จเรียบร้อย สำหรับการใช้เครื่องมือ สร้างเว็บไซต์ของ Sogoodweb โดยไม่ต้องหาไฟล์ CSS ให้ยุ่งยาก

 

ที่มา : Change the color of all images to black and white (100% gray)

 9224
ผู้เข้าชม
Follow us
สร้างเว็บไซต์สำเร็จรูปฟรี ร้านค้าออนไลน์