Example 1: This example shows the basic use of the tag to insert a horizontal rule along with some CSS properties.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<!DOCTYPE html>1<<!DOCTYPE html>3 <!DOCTYPE html>4_______4_______<!DOCTYPE html>6 <!DOCTYPE html>7
<!DOCTYPE html>1_______1_______<!DOCTYPE html>3 <1_______4_______<3 <4<5=1_______7<8
<9html0_______4_______html2_______2_______3
<!DOCTYPE html>1<<!DOCTYPE html>3 html7_______4_______html9 lang0=lang2 <!DOCTYPE html>7
<!DOCTYPE html>1<___lang6_______3_______7lang6>
<!DOCTYPE html>1<=2>
<!DOCTYPE html>1=5
=6_______4_______7
<!DOCTYPE html>1=9
<!DOCTYPE html>1
<!DOCTYPE html>1"en"2
<!DOCTYPE html>1"en"4
=6_______5_______6
<!DOCTYPE html>1=9
<!DOCTYPE html>1
<!DOCTYPE html>1>1
=6_______6_______3
=6_______6_______5
=6_______6_______7
=6_______6_______9
=6<1
=6_______1_______3
<!DOCTYPE html>1=9
<!DOCTYPE html>1<7=2>
<7head>
<head4>
<!DOCTYPE html>1<head8>
=6_______1_______<!DOCTYPE html>02>
<!DOCTYPE html>04_______1__________<!DOCTYPE html>06<!DOCTYPE html>07<!DOCTYPE html>06>
<!DOCTYPE html>04_______1_______<!DOCTYPE html>12 <!DOCTYPE html>7
<!DOCTYPE html>04_______1__________<!DOCTYPE html>16<!DOCTYPE html>17<!DOCTYPE html>16>
<!DOCTYPE html>20_______1_______7<!DOCTYPE html>02>
<!DOCTYPE html>1<7head8>
<7head4>
<7html>
đầu ra
ví dụ 2. Ví dụ này minh họa các kiểu khác nhau của quy tắc ngang hoặc ngắt theo chủ đề trong HTML
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<!DOCTYPE html>1<<!DOCTYPE html>3 <!DOCTYPE html>4_______4_______<!DOCTYPE html>6 <!DOCTYPE html>7
<!DOCTYPE html>1<<!DOCTYPE html>3 <1=<3
<!DOCTYPE html>20_______1_______4<5=<7<8
<9html0_______4_______html2_______2_______3
<!DOCTYPE html>1<<!DOCTYPE html>3 html7=html9
<!DOCTYPE html>20_______3_______0=___lang2 <!DOCTYPE html>7
<!DOCTYPE html>1<___lang6<!DOCTYPE html>82lang6>
<!DOCTYPE html>1<=2>
<!DOCTYPE html>1=5
=6_______0_______92
<!DOCTYPE html>1=9
<!DOCTYPE html>1
<!DOCTYPE html>1<!DOCTYPE html>97
=6_______0_______99
=6<01
=6_______1_______03
<!DOCTYPE html>1=9
<!DOCTYPE html>1
<!DOCTYPE html>1<08
=6_______1_______10
<!DOCTYPE html>1=9
<!DOCTYPE html>1
<!DOCTYPE html>1<15
=6_______1_______17
<!DOCTYPE html>1=9
<!DOCTYPE html>1
<!DOCTYPE html>1<22
=6_______1_______24
<!DOCTYPE html>1=9
<!DOCTYPE html>1
<!DOCTYPE html>1<29
=6_______1_______31
<!DOCTYPE html>1=9
<!DOCTYPE html>1
<!DOCTYPE html>1<36
=6_______1_______38
=6_______1_______40
<!DOCTYPE html>1=9
<!DOCTYPE html>1
<!DOCTYPE html>1<45
=6_______1_______38
=6_______1_______49
<!DOCTYPE html>1=9
<!DOCTYPE html>1<7=2>
<7head>
<head4>
<!DOCTYPE html>1<<!DOCTYPE html>02>
=6_______1__________<!DOCTYPE html>12 <69=<71 <!DOCTYPE html>7
=6_______1_______<75 <!DOCTYPE html>7
=6_______1__________<!DOCTYPE html>12 <69=<82 <!DOCTYPE html>7
=6_______1_______<75 <!DOCTYPE html>7
=6_______1__________<!DOCTYPE html>12 <69=<93 <!DOCTYPE html>7
=6_______1_______<75 <!DOCTYPE html>7
=6_______1__________<!DOCTYPE html>12 <69=html04 <!DOCTYPE html>7
=6_______1_______<75 <!DOCTYPE html>7
=6_______1__________<!DOCTYPE html>12 <69=html15 <!DOCTYPE html>7
=6_______1_______<75 <!DOCTYPE html>7
=6_______1_______<!DOCTYPE html>12 <69=html26 <!DOCTYPE html>7
<!DOCTYPE html>1<7<!DOCTYPE html>02>
<7head4>
<7html>
đầu ra
Trình duyệt được hỗ trợ
- Google Chrome1. 0
- Microsoft Cạnh 12. 0
- Internet Explorer 5. 5
- Firefox 1. 0
- Opera 12. 1
- Safari 3. 0
CSS là nền tảng của các trang web, được sử dụng để phát triển trang web bằng cách tạo kiểu trang web và ứng dụng web. Bạn có thể học CSS từ đầu bằng cách làm theo Hướng dẫn CSS và Ví dụ về CSS này