Selector จะทำให้เราสามารถเลือกได้ว่าต้องการจะจัดการกับองค์ประกอบในหน้า HTML ของเราได้อย่างไร ต้องการกำหนดรูปแบบที่ตรงไหน ในตอนนี้จะเป็นการกำหนด selector โดยใช้ element
กำหนดโดยใช้ "ชื่อ" ของ element (element Selector)
Code: Select all
p {
text-align: center;
color: blue;
}
ตัวอย่างการนำไปใช้
Code: Select all
<!DOCTYPE html>
<html>
<head>
<style>
p {
text-align: center;
color: blue;
}
</style>
</head>
<body>
<h2>MindPHP</h2>
<p>MindPHP</p>
</body>
</html>