Translate

วันอังคารที่ 21 กรกฎาคม พ.ศ. 2558

CSS ตกแต่ง Border

   สวัสดีครับกลับมาเขียน Blog เพิ่มแล้วนะครับเมื่อวานเว้นไป 1 วันครับ วันนี้จะมาพูดถึง CSS กับ border กันครับ เนื่องจาก tag html ที่ใช้ทำเว็บของเรานั้นส่วนใหญ่จะเป็นรูปแบบ table ซึ่งจะมี border เป็นส่วนประกอบอยู่แล้วการตกแต่งหรือการกำหนด border ให้เป็นไปตามที่เราต้องการนั้นก็เป็นเรื่องที่ควรจะทำอีกเรื่องนึงครับ เริ่มกันเลยครับ

ตัวอย่างการใช้ CSS กำหนด border

{
    border-style: solid;
    border-color: red;
}

{
    border-top-style: dotted;
    border-right-style: solid;
    border-bottom-style: dotted;
    border-left-style: solid;
}

   2ตัวอย่างด้านบนนี้เป็นตัวอย่างการกำหนด style ของ border ด้วย CSS นะครับ ไม่ว่าจะเป็นการกำหนด style โดยรวม หรือจะเป็นกำหนดเฉพาะ ด้านบน,ด้านล่าง,ซ้าย,ขวา หรือแม้กระทั่งสี ก็ทำได้ครับ สำหรับเรื่อง css กับ border ก็มีเพียงเท่านี้ครับผม ติดตามได้ในบทความต่อไปครับ สวัสดีครับ

ไม่มีความคิดเห็น:

แสดงความคิดเห็น