ข่าวประชาสัมพันธ์

มาร่วมเป็นกำลังใจให้เว็บด้วยการสมัครสมาชิกวีไอพี ~~ เลือกปีที่ท่านต้องการได้โดยไม่ต้องเรียงปี ~~ ปีละ 350 บาท สมัคร 2 ปีลดเหลือ 600 บาท ~~ มีไลน์กลุ่ม VIP จำนวนหลายร้อยท่าน เอาไว้ปรึกษางานซ่อม ~~ เข้าถึงข้อมูลด้านเทคนิค ข้อมูลเชิงลึกมากมาย.....


ผู้เขียน หัวข้อ: พื้นฐาน HTML การทำกรอบให้กับข้อความ  (อ่าน 2053 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ Auto Man

  • Administrator
  • หัวหน้าศูนย์ซ่อมสร้าง
  • *****
  • เจ้าของกระทู้
  • Joined: ก.ย. 2558
  • กระทู้: 37146
  • สมาชิกลำดับที่ : 1
  • เพศ: ชาย
  • มือผู้ให้ย่อมสูงกว่ามือผู้รับ
    • เว็บชุมชนคนรักช่างยนต์
    • อีเมล์
พื้นฐาน HTML การทำกรอบให้กับข้อความ
« เมื่อ: 26 ธันวาคม 2561, 12:14:12 »
  • ขึ้นบน
  • ลงล่าง
  •    พื้นฐาน HTML 
    - เรื่อง การทำกรอบข้อความ
    http://namthip2008.blogspot.com/2012/07/blog-post.html

    Code กรอบ : การทำกรอบแบบง่ายๆ


    กรอบลายประ
    <div style="border: 3px dashed #f08080;background-color:#FFFFE0">เขียนตรงนี้เลยจิ</div>

    เขียนข้อความ
    กรอบลายจุด
    <table width=90% style="border:2px dotted hotpink;" cellpadding="4" cellspacing="4"><tr><td style="border:2px dotted lightpink;"><font size="1">เขียนตรงนี้เลย</td></tr></table>

    เขียนข้อความ

    กรอบแบบสแตมป์
    <table width=90% style="border:3px dashed plum;" cellspacing="5" bgcolor="plum" cellpadding="5"><tr><td style="border:3px dashed white;" bgcolor="white">พิมพ์ไปเลยตรงนี้</td></tr></table>

    เขียนข้อความ

    กรอบสีแบบคิกขุ
    <table width=90% cellpadding="4" cellspacing="0" style="border:double 5px hotpink;"><tr><td style="border:double 5px hotpink;">เต็มที่เลยตรงนี้</td></tr></table>

    เขียนข้อความ

    กรอบชมพูหวาน ๆ
    <table width=90% style="border:1px dashed #ffaacc;" cellspacing="5" bgcolor="#ffaacc" cellpadding="5"><tr><td style="border:1px dashed white;" bgcolor="white">คำที่ต้องการเขียน</td></tr></table>
    เขียนข้อความ
    กรอบสีส้มอ่อน
    <table width=90% style="border:1px dashed #ffaa77;" cellspacing="5" bgcolor="#ffaa77" cellpadding="5"><tr><td style="border:1px dashed white;"bgcolor="white">คำที่ต้องการเขียน</td></tr></table>

    เขียนข้อความ

    กรอบ มี มิติ สีเหลือง
    <table width=90% cellpadding="4" cellspacing="1" style="border:1px solid #dcdc77;"><tr><td bgcolor="#dcdc77"style="border-style:solid;border-width:4px;border-color:#dcdc77 gray gray #dcdc77;">คำที่ต้องการเขียน</td></tr></table>

    เขียนข้อความ

    กรอบ สีเขียวใบไม้
    <table width=90% style="border:1px dashed #00aa77;" cellspacing="5" bgcolor="#00aa77" cellpadding="5"><tr><td style="border:1px dashed white;"bgcolor="white">คำที่ต้องการเขียน</td></tr></table>

    เขียนข้อความ

    กรอบแสตมป์ สีน้ำเงิน
    <table width=90% style="border:3px dashed #123654;" cellspacing="5" bgcolor=" #123654" cellpadding="5"><tr><td style="border:3px dashed white;" bgcolor="white">พิมพ์ไปเลยตรงนี้</td></tr></table>

    พิมพ์ข้อความ

    กรอบแสดมป์ 2 สี
    <table width=90% style="border:3px dashed #789562;" cellspacing="5" bgcolor=" #789562" cellpadding="5"><tr><td style="border:3px dashed white;" bgcolor="white">พิมพ์ไปเลยตรงนี้</td></tr></table>

    พิมพ์ข้อความ

    กรอบสีม่วง 4 เส้น
    <table width=90% cellpadding="6" cellspacing="2" style="border:double 5px #9900FF,"><tr><td style="border:double 5px #9900FF;">เต็มที่เลยตรงนี้</td></tr></table>

    พิมพ์ข้อความ

    กรอบสีน้ำตาล
    <table width=90% style="border:3px dashed IndianRed;" cellspacing="5" bgcolor="IndianRed" cellpadding="5"><tr><td style="border:3px dashed "IndianRed;" bgcolor="Wheat">พิมพ์ไปเลยตรงนี้</td></tr></table>

    พิมพ์ข้อความ

    กรอบเส้นประ พื้นเขียว
    <table width=90% style="border:3px dashed #005483;" cellspacing="5" bgcolor=" #005483" cellpadding="5"><tr><td ><div style="border: 3px dashed #33FF00;background-color:#CCFF66">เขียนตรงนี้เลยจิ</div></td></tr></table>

    เขียนตรงนี้เลยจิ

    กรอบจุด ๆ สีเขียว
    <table width=90% style="border:3px dashed #005483;" cellspacing="5" bgcolor=" #005483" cellpadding="5"><tr><td ><div style="border: 5px dotted #33FF00;background-color:#000000">เขียนตรงนี้เลยจิ</div></td></tr></table>

    พิมพ์ข้อความ

    กรอบจุดกลม ๆ สีม่วง
    <table width=90% style="border:3px dashed #005483;" cellspacing="5" bgcolor=" #005483" cellpadding="5"><tr><td ><div style="border: 6px dotted #9900FF;background-color:#ffffff">เขียนตรงนี้เลยจิ</div></td></tr></table>

    พิมพ์ข้อความ

    กรอบชมพู + ใส่พื้นหลัง
    <table width=90% cellpadding="4" cellspacing="0" style="border:double 5px hotpink;"><tr><td style="border:double 5px hotpink;" background =url พื้นในกรอบ >เต็มที่เลยตรงนี้</td></tr></table>
    พิมพ์ข้อความ


    กรอบสีชมพูเส้นปะ + ใส่พื้นหลัง
    <table width=90% style="border:2px dotted hotpink;" cellpadding="4" cellspacing="4"><tr><td style="border:2px dotted lightpink;" background=url พื้นในกรอบ> <font size="1">text here text here</div></td></tr></table>

    text here text here

    กรอบสีส้ม + พื้นสีส้มลายอิฐ
    <table width=90% style="border:3px dashed #FF6600;" cellspacing="5" bgcolor="#FF6600" cellpadding="5"><tr><td style="border:3px dashed white;" bgcolor="white" background=http://diary.yenta4.com/diary_folder/53229/53229_uploaded/BG/bk64r-05.gif>พิม</td></tr></table>

    พิมพ์ข้อความ

    กรอบสีขาว + พื้นสีเขียวอิฐ
    <table width=90% style="border:3px dashed ForestGreen;" cellspacing="5" bgcolor="ForestGreen" cellpadding="5"><tr><td style="border:3px dashed white;" bgcolor="white" background=http://diary.yenta4.com/diary_folder/53229/53229_uploaded/BG/bk64r-06.gif>พิม</td></tr></table>

    พิมพ์ข้อความ

    กรอบสีม่วง + พื้นทีม่วงลายอิฐ
    <table width=90% style="border:3px dashed #A020F0;" cellspacing="5" bgcolor="#A020F0" cellpadding="5"><tr><td style="border:3px dashed white;" gcolor="white" background=http://diary.yenta4.com/diary_folder/53229/53229_uploaded/BG/bk64r-10.gif>พิม</td></tr></table>

    พิมพ์ข้อความ

    หมายเหตุ
    background =url รูปภาพ <-- สามารถเปลี่ยน Url ภาพbg ได้ด้วยภาพที่เราต้องการจะใส่ได้เลยค่ะ
    ลองหัดทำดูนะค่ะ
    สวัสดีคุณ...ผู้เยี่ยมชม  กด ❤ ถูกใจโพสท์นี้ หรือยัง...
    ต้องการสมัครสมาชิก VIP สมัครได้ที่นี่...   หรือทาง Line ID: k.sonchai

    ออฟไลน์ Auto Man

    • Administrator
    • หัวหน้าศูนย์ซ่อมสร้าง
    • *****
    • เจ้าของกระทู้
    • Joined: ก.ย. 2558
    • กระทู้: 37146
    • สมาชิกลำดับที่ : 1
    • เพศ: ชาย
    • มือผู้ให้ย่อมสูงกว่ามือผู้รับ
      • เว็บชุมชนคนรักช่างยนต์
      • อีเมล์
    พื้นฐาน HTML การทำกรอบให้กับข้อความ
    « ตอบกลับ #1 เมื่อ: 05 มกราคม 2566, 08:21:09 »
  • ขึ้นบน
  • ลงล่าง
  •    หาโค้ดสีในโฟโต้ชอป
    https://xn--42c6a1dzb7c0b.com/96/

    ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ
    สวัสดีคุณ...ผู้เยี่ยมชม  กด ❤ ถูกใจโพสท์นี้ หรือยัง...
    ต้องการสมัครสมาชิก VIP สมัครได้ที่นี่...   หรือทาง Line ID: k.sonchai

    ออฟไลน์ palawast

    • ช่างยนต์มือใหม่
    • *
    • Joined: ม.ค. 2566
    • กระทู้: 21
    • สมาชิกลำดับที่ : 21736
    • ไม่มีใครรักเราเลย
      • SEO Services
    พื้นฐาน HTML การทำกรอบให้กับข้อความ
    « ตอบกลับ #2 เมื่อ: 05 มกราคม 2566, 13:43:50 »
  • ขึ้นบน
  • ลงล่าง
  • ขอบคุณสำหรับ คำแนะนำครับ
    ใจสั่งมา

    พื้นฐาน HTML การทำกรอบให้กับข้อความ
    « ตอบกลับ #2 เมื่อ: 05 มกราคม 2566, 13:43:50 »