แบบฝึกหัดคุณสมบัติ CSS พื้นฐาน

คัดลอกโค้ด HTML ต่อไปนี้ไปไว้ในหน้าของคุณ:

html<h1>ภาษาสำหรับเว็บไซต์</h1>

<h2>PHP และ JavaScript</h2>
<p>
  ภาษาโปรแกรม <b>PHP</b> และ <b>JavaScript</b> ช่วยให้
  สร้างเว็บไซต์แบบไดนามิกได้ นั่นคือสามารถตอบสนองต่อการกระทำของผู้ใช้
  ตัวอย่างเช่น สามารถสร้างเมนูแบบเลื่อนลงที่สวยงามหรือสไลเดอร์ได้
</p>

<h2>ประเภทของสคริปต์</h2>
<p>
  เพื่อการนี้ จึงมีการเขียนสคริปต์ (ภาษาอังกฤษ <i>script</i> - "บท") -
  ซึ่งเป็นโปรแกรมที่อนุญาตให้ตอบสนองต่อการกระทำของผู้ใช้
  สคริปต์มีสองประเภท:
</p>
<ul>
  <li>
    สคริปต์ที่ทำงานบนเซิร์ฟเวอร์
    และผลลัพธ์ของการทำงานจะถูกส่งมายังเบราว์เซอร์ของ
    ผู้ใช้ในรูปแบบที่พร้อมแล้ว นี่คือสคริปต์
    ที่เขียนด้วยภาษา <b>PHP</b> มักใช้เขียน
    <b>CMS</b> – ระบบจัดการเนื้อหา
  </li>
  <li>
    สคริปต์ที่ทำงานตรงในเบราว์เซอร์ของผู้ใช้
    นี่คือสคริปต์ที่เขียนด้วยภาษา <b>JavaScript</b>
    ส่วนใหญ่ใช้เพื่อทำให้หน้าเว็บ
    สะดวกสบายและสวยงามมากขึ้น
  </li>
</ul>
Задание 1

เพิ่มสไตล์ CSS ลงในโค้ดนี้ เพื่อให้ได้ผลลัพธ์ ดังต่อไปนี้: