ใส่เงาให้กรอบรูปภาพ ใส้ตัวข้อความลงในรูปภาพ

Post a reply


This question is a means of preventing automated form submissions by spambots.
Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is ON
[url] is ON
Smilies are ON

Topic review
   

Expand view Topic review: ใส่เงาให้กรอบรูปภาพ ใส้ตัวข้อความลงในรูปภาพ

ใส่เงาให้กรอบรูปภาพ ใส้ตัวข้อความลงในรูปภาพ

by jamepiyawat » 24/05/2019 4:17 pm

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

Code: Select all

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            div
                {width:300px;
                height:100px;
                background-color:green;
                -moz-box-shadow: 10px 10px 5px #888888; /* Old Firefox */
                box-shadow: 10px 10px 5px #888888;}
        </style>
    </head>
    <body>
        <div>กล่องข้อความของฉัน</div>
    </body>
</html>



จาก code จะเห็นได้ว่าเราสร้างกล่องขนาด 300px * 100px และพื้นหลังเป็นสีเขียว จากนั้นก็เป็นคำสั่ง ขนาดของเงาและความเอียงของเงานั้นเอง


ผลลับที่ได้

Selection_402.png
Selection_402.png (3.01 KiB) Viewed 303 times




เท่านี้เราก็สามารถสร้างกล่องข้อความที่มีตัวอักษรแบบเด่นเด่นได้แล้ว

ศึกษาข้อมูลเพิ่มเติมได้ที่
Google Search Adsense Map eart firefox
CSS Knowledge
ความรู้ทั่วไป
ถาม - ตอบ คอมพิวเตอร์
พูดคุยเรื่องทั่วไป จับฉ่าย

Top