Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS
CSS
  1. สร้างเรืองแสงรอบๆ วัตถุด้วย CSS

    ใช้เอฟเฟกต์เรืองแสงเพื่อสร้างแสงรอบๆ วัตถุ หากเป็นภาพที่โปร่งใส การเรืองแสงจะถูกสร้างขึ้นรอบๆ พิกเซลทึบแสง พารามิเตอร์ต่อไปนี้สามารถใช้ได้ในตัวกรองนี้ พารามิเตอร์ คำอธิบาย Color สีที่คุณต้องการให้แสงเป็นประกาย Strength ความเข้มของแสง (ตั้งแต่ 1 ถึง 255) ตัวอย่าง คุณสามารถลองเรียกใช

  2. แปลงสีของวัตถุเป็น 256 เฉดสีเทาด้วย CSS

    ใช้เอฟเฟกต์ระดับสีเทาเพื่อแปลงสีของวัตถุเป็นสีเทา 256 เฉด พารามิเตอร์ต่อไปนี้ใช้ในตัวกรองนี้: พารามิเตอร์ คำอธิบาย Gray แปลงสีของวัตถุเป็น 256 เฉดสีเทา ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อตั้งค่าเอฟเฟกต์โทนสีเทา: <html>    <head>    </head&g

  3. ตัวกรองเงาด้วย CSS

    ใช้ฟิลเตอร์เงาเพื่อสร้างเงาในทิศทางและสีที่ระบุ พารามิเตอร์ต่อไปนี้สามารถใช้ได้ในตัวกรองนี้ พารามิเตอร์ คำอธิบาย Color สีที่คุณต้องการให้เป็นเงา Direction ทิศทางของการเบลอตามเข็มนาฬิกา ปัดเศษขึ้นทีละ 45 องศา ค่าเริ่มต้นคือ 270 (ซ้าย) 0 =ด้านบน 45 =ขวาบน 90 =ถูกต้อง 135 =ล่างขวา 180

  4. กำหนดสีลิงค์ด้วย CSS

    ใช้ :ลิงก์ คลาสเพื่อกำหนดสีลิงค์ ค่าที่เป็นไปได้อาจเป็นชื่อสีใดก็ได้ในรูปแบบที่ถูกต้อง ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อกำหนดสีของลิงค์ − <html>    <head>       <style>          a:link {         &nb

  5. คุณสมบัติความกว้างเค้าร่าง CSS

    ความกว้างโครงร่าง คุณสมบัติใช้เพื่อกำหนดความกว้างของโครงร่าง ค่าควรเป็นค่าความยาวหรือค่าใดค่าหนึ่ง บาง ปานกลาง หรือ หนา เช่นเดียวกับแอตทริบิวต์ border-width ตัวอย่าง <html>    <head>    </head>    <body>       <p style = "o

  6. วิธีเปลี่ยนสีของลิงค์ที่ใช้งานด้วย CSS

    ใช้ :active คลาสเพื่อเปลี่ยนสีของลิงก์ที่ใช้งานอยู่ ค่าที่เป็นไปได้อาจเป็นชื่อสีใดก็ได้ในรูปแบบที่ถูกต้อง ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้สีของลิงก์ที่ทำงานอยู่ − <html>    <head>       <style>          a:active {

  7. วิธีเปลี่ยนสีของลิงค์ที่โฟกัสด้วย CSS

    ใช้ :focus คลาสเพื่อเปลี่ยนสีของลิงค์ที่เน้น ค่าที่เป็นไปได้อาจเป็นชื่อสีในรูปแบบใดก็ได้ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้สีของลิงก์ที่โฟกัส − <html>    <head>       <style>          a:focus {       &n

  8. การใช้ CSS :บรรทัดแรกหลอกองค์ประกอบ

    ใช้องค์ประกอบนี้เพื่อเพิ่มสไตล์พิเศษให้กับบรรทัดแรกของข้อความในตัวเลือก ตัวอย่างต่อไปนี้จะสาธิตวิธีการใช้องค์ประกอบ :first-line เพื่อเพิ่มเอฟเฟกต์พิเศษให้กับองค์ประกอบบรรทัดแรกในเอกสาร ตัวอย่าง <html>    <head>       <style>         &n

  9. องค์ประกอบใดที่ใช้เพื่อเพิ่มรูปแบบพิเศษให้กับตัวอักษรตัวแรกของข้อความในตัวเลือกด้วย CSS

    ใช้องค์ประกอบ :first-letter เพื่อเพิ่มเอฟเฟกต์พิเศษให้กับตัวอักษรตัวแรกขององค์ประกอบในเอกสาร คุณสามารถลองใช้รหัสต่อไปนี้เพื่อเพิ่มรูปแบบพิเศษให้กับตัวอักษรตัวแรกของข้อความ - ตัวอย่าง <html>    <head>       <style>          p:first

  10. องค์ประกอบใดที่ใช้ในการแทรกเนื้อหาบางส่วนก่อนองค์ประกอบด้วย CSS

    ใช้องค์ประกอบ :before เพื่อแทรกเนื้อหาบางส่วนก่อนองค์ประกอบใดๆ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อแทรกเนื้อหาบางส่วนก่อนองค์ประกอบด้วย CSS − <html>    <head>       <style>          p:before {       &nbs

  11. เลือนเอฟเฟกต์แอนิเมชั่นด้านซ้ายออกด้วย CSS

    ในการปรับใช้เอฟเฟกต์ภาพเคลื่อนไหว Fade Out Left บนรูปภาพด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ - ตัวอย่าง <html>    <head>       <style>          .animated {             background-image: url(/css/

  12. การใช้ CSS !important rule

    กฎ !important เป็นวิธีสร้าง CSS cascade ของคุณ รวมถึงกฎเกณฑ์ต่างๆ ที่จะนำมาใช้เสมอ กฎที่มีคุณสมบัติ !important จะถูกนำไปใช้เสมอ ไม่ว่ากฎนั้นจะปรากฏที่ใดในเอกสาร CSS ตัวอย่างเช่น ในสไตล์ชีตต่อไปนี้ ข้อความในย่อหน้าจะเป็นสีดำ แม้ว่าคุณสมบัติรูปแบบแรกที่ใช้จะเป็นสีแดง - <style>    <!

  13. ระบุอักขระที่ตั้งค่าสไตล์ชีตที่เขียนด้วย CSS

    ในการระบุว่าชุดอักขระใดในสไตล์ชีตที่เขียนด้วย CSS ให้ใช้กฎ @character ต้องเขียนกฎ @charset ที่จุดเริ่มต้นของสไตล์ชีตโดยไม่ต้องเว้นวรรคก่อน ค่านี้อยู่ในเครื่องหมายคำพูดและควรเป็นหนึ่งในชุดอักขระมาตรฐาน ตัวอย่าง ให้เราดูตัวอย่าง , <style>    <!--       @charset "

  14. คุณสมบัติสไตล์เค้าร่าง CSS

    รูปแบบเค้าร่าง คุณสมบัติระบุสไตล์สำหรับบรรทัดที่ไปรอบ ๆ องค์ประกอบ สามารถรับค่าใดค่าหนึ่งดังต่อไปนี้ − ไม่มี − ไม่มีพรมแดน (เท่ากับ outline-width:0;) แข็ง − เค้าร่างเป็นเส้นทึบเส้นเดียว จุด − โครงร่างคือชุดของจุด ประ − โครงร่างคือชุดของบรรทัดสั้นๆ ดับเบิ้ล − เค้าร่างเป็นเส้นทึบสองเส้น ร่อง − โครงร

  15. คุณสมบัติ CSS เค้าร่างสี

    The outline-color คุณสมบัติช่วยให้คุณสามารถระบุสีของเค้าร่าง ค่าควรเป็นชื่อสี สีฐานสิบหก หรือค่า RGB เช่นเดียวกับคุณสมบัติสีและสีขอบ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน outline-color ทรัพย์สิน − <html>    <head>    </head>    <body&

  16. การใช้ :visited pseudo-class ใน CSS

    The :visited pseudo-class ใช้เพื่อเพิ่มสไตล์พิเศษให้กับลิงค์ที่เข้าชม ค่าที่เป็นไปได้อาจเป็นชื่อสีใดก็ได้ในรูปแบบที่ถูกต้อง ตัวอย่าง <html>    <head>       <style>          a:visited {             colo

  17. การใช้คุณสมบัติมาร์จิ้นด้วย CSS

    ระยะขอบ คุณสมบัติกำหนดพื้นที่รอบองค์ประกอบ HTML คุณสามารถใช้ค่าลบเพื่อทับซ้อนเนื้อหาได้ ระบุคุณสมบัติชวเลขสำหรับการตั้งค่าคุณสมบัติระยะขอบในหนึ่งประกาศ ตัวอย่าง คุณสามารถลองใช้โค้ดต่อไปนี้เพื่อตั้งค่าระยะขอบได้ - <html>    <head>    </head>    <body

  18. เปลี่ยนสีของลิงก์เมื่อเรานำตัวชี้เมาส์ไปไว้เหนือบรรทัดนั้นด้วย CSS

    ใช้ :hover เพื่อเปลี่ยนสีของลิงก์เมื่อเรานำตัวชี้เมาส์ไปวางเหนือลิงก์นั้น ตัวอย่าง <html>    <head>       <style>          a:hover {             color: #FFCC00          }  

  19. การใช้ :hover pseudo-class ใน CSS

    The :โฮเวอร์ คลาสหลอกใช้เพื่อเพิ่มสไตล์พิเศษให้กับองค์ประกอบเมื่อคุณวางเมาส์เหนือมัน ค่าที่เป็นไปได้อาจเป็นชื่อสีในรูปแบบใดก็ได้ ตัวอย่าง <html>    <head>       <style>          a:hover {             co

  20. การใช้ :active pseudo-class ใน CSS

    :active pseudo-class ถูกใช้เพื่อเพิ่มสไตล์พิเศษให้กับองค์ประกอบที่ใช้งาน ค่าที่เป็นไปได้อาจเป็นชื่อสีในรูปแบบใดก็ได้ ตัวอย่าง <html>    <head>       <style>          a:active {             color: #FF00C

Total 1566 -คอมพิวเตอร์  FirstPage PreviousPage NextPage LastPage CurrentPage:69/79  20-คอมพิวเตอร์/Page Goto:1 63 64 65 66 67 68 69 70 71 72 73 74 75