Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS
CSS
  1. หมุน div เป็นมุม -20 องศาด้วย CSS

    คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อหมุน div เป็นมุม -20 องศาด้วย CSS − ตัวอย่าง <html> <head> <style> div { width: 300px; height: 100px; background-color: pink; border: 1px solid black; } div#

  2. Matrix Transform ในอีกทิศทางหนึ่งด้วย CSS

    คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อแปลงเมทริกซ์ในทิศทางอื่นด้วย CSS: ตัวอย่าง <html>    <head>       <style>          div {             width: 300px;             height:

  3. คุณสมบัติความกว้างกฎหลายคอลัมน์ CSS3

    คุณสมบัติความกว้างกฎหลายคอลัมน์ใช้เพื่อระบุความกว้างของคอลัมน์ คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้คุณสมบัติ rule-width โดยใช้ CSS: ตัวอย่าง <html>    <head>       <style>          .multi {           &n

  4. คุณสมบัติสไตล์กฎแบบหลายคอลัมน์ CSS3

    คุณสมบัติสไตล์กฎแบบหลายคอลัมน์ใช้เพื่อระบุกฎสไตล์สำหรับคอลัมน์ คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้คุณสมบัติสไตล์กฎโดยใช้ CSS − ตัวอย่าง <html>    <head>       <style>          .multi {            

  5. เพิ่มเอฟเฟกต์เงาให้กับข้อความด้วย CSS

    ใช้ เงาข้อความ คุณสมบัติเพื่อเพิ่มเอฟเฟกต์เงาให้กับข้อความ ต่อไปนี้คือตัวอย่างการเพิ่มเอฟเฟกต์เงา − ตัวอย่าง <html> <head> <style> h1 { text-shadow: 2px 2px; } h2 { text-shadow: 2px 2px red; } h3 { text-shadow: 2px 2px 5px red; } h4 { color: white; text-shadow: 2px 2px 4px #00000

  6. เพิ่มเอฟเฟกต์เงาให้กับองค์ประกอบด้วย CSS

    ใช้คุณสมบัติ box-shadow เพื่อเพิ่มเอฟเฟกต์เงาให้กับองค์ประกอบ ต่อไปนี้คือตัวอย่างการเพิ่มเอฟเฟกต์เงา − ตัวอย่าง <html>    <head>       <style>          div {             width: 300px;     &nb

  7. CSS text-align-last คุณสมบัติ

    คุณสมบัติ text-align ใช้เพื่อจัดแนวบรรทัดสุดท้ายของข้อความ คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้คุณสมบัติ text-align-last ใน CSS3 - ตัวอย่าง <!DOCTYPE html>    <html>       <head>          <style>       &nbs

  8. คุณสมบัติการเน้นข้อความ CSS

    ใช้เพื่อเน้นข้อความและสี เรามาดูตัวอย่างกัน: text-emphasis: text-emphasis-style text-emphasis-color; ที่นี่ ข้อความ-เน้นสี: สีพื้นหน้าของเครื่องหมายเน้น แบบเน้นข้อความ: เครื่องหมายเน้นข้อความขององค์ประกอบ

  9. คุณสมบัติข้อความล้น CSS

    คุณสมบัติ text-overflow กำหนดว่าเนื้อหาที่ล้นที่ไม่ได้แสดงนั้นส่งสัญญาณไปยังผู้ใช้อย่างไร ตัวอย่าง ตัวอย่าง text-overflow แสดงดังนี้ <html>    <head>       <style>          p.text1 {             white-

  10. คุณสมบัติตัวแบ่งคำ CSS

    คุณสมบัติ word-break ใช้เพื่อแบ่งบรรทัด ตัวอย่าง รหัสต่อไปนี้แสดงตัวอย่างรหัสของตัวแบ่งคำ: <html>    <head>       <style>          p.text1 {             width: 140px;          

  11. คุณสมบัติตัดคำ CSS

    คุณสมบัติ word-wrap ใช้เพื่อแยกบรรทัดและตัดในบรรทัดถัดไป ตัวอย่าง ต่อไปนี้แสดงตัวอย่างไวยากรณ์ - <!DOCTYPE html> <html>    <head>       <style>          div {             width: 200px;   &nb

  12. เน้นข้อความและสีด้วย CSS

    ใช้คุณสมบัติการเน้นข้อความเพื่อเน้นข้อความและสีด้วย CSS เรามาดูตัวอย่างกัน: text-emphasis: text-emphasis-style text-emphasis-color; ที่นี่ ข้อความ-เน้นสี :สีพื้นหน้าของเครื่องหมายเน้น text-emphasis-style :เน้นข้อความขององค์ประกอบ

  13. จัดแนวบรรทัดสุดท้ายของข้อความด้วย CSS

    คุณสมบัติ text-align-last ใช้เพื่อจัดแนวบรรทัดสุดท้ายของข้อความ คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อจัดแนวบรรทัดสุดท้ายของข้อความด้วย CSS ตัวอย่าง <!DOCTYPE html> <html>    <head>       <style>          .mydiv {    

  14. CSS3 Radial Gradients

    การไล่ระดับสีแบบเรเดียลปรากฏที่กึ่งกลาง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้การไล่ระดับสีแบบรัศมีใน CSS3 - ตัวอย่าง <html>    <head>       <style>          #grad1 {             height: 100px;  

  15. CSS3 ทำซ้ำ Radial Gradients

    คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้การไล่ระดับสีแบบเรเดียลซ้ำใน CSS3 - ตัวอย่าง <html>    <head>       <style>          #grad1 {             height: 100px;            

  16. คุณสมบัติสี CSS3 HSL

    HSL ย่อมาจาก hue, saturation, lightness ในที่นี้ Huge คือระดับของวงล้อสี ความอิ่มตัวและความสว่างเป็นค่าเปอร์เซ็นต์ระหว่าง 0 ถึง 100% ตัวอย่าง ตัวอย่างต่อไปนี้แสดงคุณสมบัติสี HSL: <html>    <head>       <style>          #g1 {backgr

  17. CSS3 การไล่ระดับสีหลายสี

    คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้การไล่ระดับสีหลายสีใน CSS3 - ตัวอย่าง <html>    <head>       <style>          #grad2 {             height: 100px;             backgr

  18. CSS3 ไล่ระดับแนวทแยง

    เส้นทแยงมุมเริ่มต้นที่ปุ่มด้านบนซ้ายและขวา คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้การไล่ระดับสีในแนวทแยงใน CSS3 - <html>    <head>       <style>          #grad1 {             height: 100px;   &nbs

  19. จัดเรียงสีตั้งแต่สองสีขึ้นไปในรูปแบบเชิงเส้นโดยใช้ CSS3 Gradients

    การไล่ระดับสีเชิงเส้นใช้เพื่อจัดเรียงสีตั้งแต่สองสีขึ้นไปในรูปแบบเชิงเส้น ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้การไล่ระดับสีเชิงเส้นใน CSS3 - <html>    <head>       <style>          #grad1 {        

Total 1566 -คอมพิวเตอร์  FirstPage PreviousPage NextPage LastPage CurrentPage:59/79  20-คอมพิวเตอร์/Page Goto:1 53 54 55 56 57 58 59 60 61 62 63 64 65