<:: Closed { CSS ROOM }

ลำดับตอนที่ #51 : CSS Lesson >> #5 การใช้ property text-align เพื่อการจัดตัวหนังสือ

โย่วว เขียนต่อดีีกว่า กำลังมันส์
เข้ามาน่ะ เม้นกันบ้างสิ TT_TT บางตอนเข้ามากันจัง แ่ต่ไม่มีเม้นเลย

เอาละ เลิกบ่นดีกว่า
ข้อควรจำที่ไม่ควรลืม
โครงสร้าง....

<style type="text/css">
Selector {property: value;}
</style>

ห้ามลืม {} ตัว ; และ <style type="text/css">...</style>

บทแรกๆ ขอเน้นหน่อยนะครับ ^^
เอาละ มาเริ่มกันดีกว่า

วันนี้มาสอนการใช้ property text-align พอจะเดาได้แล้ว
ถ้าคนไหนเป็น HTML มาก่อน มันคือการจัดตัวหนังสือครับ

ก็จะเป็นแบบนี้

Selector {text-align: value;}

value ที่ใช้ได้กับ text-align คือ center,left,right
ซึ่งก็คือ จัดกลาง จัดซ้าย จัดขวา นั่นเอง

หลักการก็ง่ายๆ ครับ เวลาจะเอาไปเขียนโค้ดก็ทำการแทนที่ลงไป
สมมุติให้หัวข้อโมดูล ซึ่งมี Selector คือ .modulebg1
(ยังจำกันได้ไหมว่า selector จะมี . นำหน้าเมื่อเป็น class หรือ id เฉลยตอนท้ายครับ)

ก็จะได้ว่า

.modulebg1 {text-align: center;}

เวลานำไปเขียนโค้ดก็อย่าลืมใส่ <style type="text/css">...</style> ลงไปด้วยนะจ้า ^^