Hướng dẫn html horizontal line color - màu đường ngang html

• Trang chủ
• Tham khảo
• Tag html

• ---

Nội dung chính ShowShow

• Định nghĩa và sử dụng
• Trình duyệt hỗ trợ
• Thuộc tính
• Màu mặc định của thẻ HR trong HTML là gì?
• Bạn có thể tô màu thẻ nhân sự?
• Giá trị mặc định của thẻ HR là gì?
• Bộ thẻ HR trong HTML là gì?

Định nghĩa và sử dụng

• Trình duyệt hỗ trợ
• Thuộc tính

Màu mặc định của thẻ HR trong HTML là gì?

Bộ thẻ HR trong HTML là gì?

Tag tạo một đường nằm ngang, bên trong trang HTML.

Tag có thể được sử dụng để tách nội dung bên trong trang HTML.

Sự khác nhau giữa HTML và XHTML

Không cần kết thúc tag

Cần khoảng trắng và ký tự "/" để kết thúc tag

Sự khác nhau giữa HTML và XHTML

Trình duyệt hỗ trợ

Thuộc tính
Tuy nhiên

Thuộc tính

Màu mặc định của thẻ HR trong HTML là gì?

Bạn có thể tô màu thẻ nhân sự?

Giá trị mặc định của thẻ HR là gì?

Cần khoảng trắng và ký tự "/" để kết thúc tag

Không cần kết thúc tag

Giá trị mặc định của thẻ HR là gì?

Ví dụ

Đây là nội dung thứ nhất Đây là nội dung thứ hai

Hiển thị trình duyệt:

Đây là nội dung thứ nhất

được hỗ trợ trong đa số các trình duyệt. Tuy nhiên sẽ hiển thị không giống nhau giữa các trình duyệt Tuy nhiên

sẽ hiển thị không giống nhau giữa các trình duyệt19 gold badges98 silver badges127 bronze badges

Cách sử dụng: Feb 22, 2013 at 14:33

Thuộc tính tùy chọnNick Ginanto

Không được hỗ trợ trong DTD Strict45 gold badges132 silver badges235 bronze badges

8

Đây là nội dung thứ nhất Đây là nội dung thứ hai

hr {
    color: red;
}

el = document.querySelector("hr");
color = window.getComputedStyle(el).getPropertyValue("border-top-color");
console.log(color);

Tuy nhiên, lưu ý rằng ____1010 là hình nhỏ, vì vậy màu sắc bạn nhận được có thể khác với giá trị "thực" mà bạn nhìn thấy trên màn hình. Bạn hoặc muốn:

• Cung cấp cho biên giới của bạn theo kiểu biên giới giống như

  hr {
      color: red;
  }
  

  3
• Đặt kiểu đường viền của phần tử

  hr {
      color: red;
  }
  

  3 thành

  hr {
      color: red;
  }
  

  3 như tôi đã làm trong bản demo để có được màu "thật"
• Nhận kiểu biên giới của ____ 5 thành phần và điều chỉnh màu của bạn cho phù hợp (có thể là khó khăn và trình bày phụ thuộc để tính toán)

Xem một bản demo thể hiện nhận được màu sắc.

Đã trả lời ngày 22 tháng 2 năm 2013 lúc 14:50Feb 22, 2013 at 14:50Feb 22, 2013 at 14:50Feb 22, 2013 at 14:50

ChristophchristophChristophChristophChristoph

48.7K19 Huy hiệu vàng98 Huy hiệu bạc127 Huy hiệu đồng19 gold badges98 silver badges127 bronze badges19 gold badges98 silver badges127 bronze badges19 gold badges98 silver badges127 bronze badges

1

Đã hỏi ngày 22 tháng 2 năm 2013 lúc 14:33Feb 22, 2013 at 14:33

Nick Ginantonick GinantoNick Ginanto

29,8K45 Huy hiệu vàng132 Huy hiệu bạc235 Huy hiệu Đồng45 gold badges132 silver badges235 bronze badgesFeb 22, 2013 at 14:45Feb 22, 2013 at 14:45

Màu sắc của thước đo ngang phụ thuộc vào trình duyệt, nhưng bạn có thể có được màu của phần tử

hr {
    color: red;
}

Tuy nhiên, lưu ý rằng ____1010 là hình nhỏ, vì vậy màu sắc bạn nhận được có thể khác với giá trị "thực" mà bạn nhìn thấy trên màn hình. Bạn hoặc muốn:

hr {
    color: red;
}

Cung cấp cho biên giới của bạn theo kiểu biên giới giống như

hr {
    color: red;
}

Đặt kiểu đường viền của phần tử

hr {
    color: red;
}

hr {
    color: red;
}

hr {
    color: red;
}

Đã trả lời ngày 22 tháng 2 năm 2013 lúc 14:50Feb 22, 2013 at 14:50Feb 22, 2013 at 14:37Feb 22, 2013 at 14:37

ChristophchristophChristophVegerVeger

Đã hỏi ngày 22 tháng 2 năm 2013 lúc 14:3311 gold badges107 silver badges114 bronze badges11 gold badges107 silver badges114 bronze badges

4

Nick Ginantonick Ginanto

29,8K45 Huy hiệu vàng132 Huy hiệu bạc235 Huy hiệu ĐồngFeb 22, 2013 at 14:45Feb 22, 2013 at 14:36Feb 22, 2013 at 14:36

Do đó, mỗi trình duyệt được tự do áp dụng mặc định của riêng mình.CromaxCromaxCromax

Đã trả lời ngày 22 tháng 2 năm 2013 lúc 14:451 gold badge23 silver badges33 bronze badges1 gold badge23 silver badges33 bronze badges1 gold badge23 silver badges33 bronze badges

Màu sắc phụ thuộc vào trình duyệt/triển khai, vì vậy việc biết màu sắc là không thể.

Thay vào đó, bạn có thể xác định màu của phần tử

hr {
    color: red;
}

Bây giờ bạn biết rằng màu có màu đỏ!

CẬP NHẬT: Dường như tùy thuộc vào trình duyệt, người ta cần sử dụng

hr {
    color: red;
}

hr {
    color: red;
}

Đã trả lời ngày 22 tháng 2 năm 2013 lúc 14:37Paul D. WaitePaul D. WaitePaul D. Waite

Vegerveger54 gold badges196 silver badges266 bronze badges54 gold badges196 silver badges266 bronze badges54 gold badges196 silver badges266 bronze badges

2

36,5K11 Huy hiệu vàng107 Huy hiệu bạc114 Huy hiệu đồng

hr {
    color: red;
}

AFAIK Đó là phụ thuộc hệ điều hành (hoặc thậm chí là thiết bị) --- vì vậy không có thứ gọi là "màu nhân sự mặc định".

Đã trả lời ngày 22 tháng 2 năm 2013 lúc 14:36Feb 22, 2013 at 14:48Feb 22, 2013 at 14:48Feb 22, 2013 at 14:48

CromaxcromaxTNKTNKTNK

1.6501 huy hiệu vàng23 Huy hiệu bạc33 Huy hiệu đồng15 gold badges56 silver badges81 bronze badges15 gold badges56 silver badges81 bronze badges15 gold badges56 silver badges81 bronze badges

5

Lưu ý rằng một số trình duyệt không hiển thị

hr {
    color: red;
}

Dưới đây là một ảnh chụp màn hình được phóng to của đầu bên trái của

hr {
    color: red;
}

Vì vậy, bạn đã có hai màu để lựa chọn từ đó.optimus primeoptimus primeoptimus prime

Đã trả lời ngày 22 tháng 2 năm 2013 lúc 14:551 gold badge13 silver badges38 bronze badges1 gold badge13 silver badges38 bronze badges1 gold badge13 silver badges38 bronze badges

Paul D. Waitepaul D. Waite#eee on Internet Explorer 11.#eee on Internet Explorer 11.#eee on Internet Explorer 11.

94,7K54 Huy hiệu vàng196 Huy hiệu bạc266 Huy hiệu ĐồngAug 31, 2017 at 19:13Aug 31, 2017 at 19:13Aug 31, 2017 at 19:13

Sử dụng cả

hr {
    color: red;
}

hr {
    color: red;
}

Làm việc trong tình trạng làm việc: http://jsfiddle.net/d2uaz/1/2 gold badges23 silver badges17 bronze badges2 gold badges23 silver badges17 bronze badges2 gold badges23 silver badges17 bronze badges

0

Đã trả lời ngày 22 tháng 2 năm 2013 lúc 14:48

hr {
    color: red;
}

TnktnkFeb 22, 2013 at 14:42Feb 22, 2013 at 14:42Feb 22, 2013 at 14:42

4.15315 Huy hiệu vàng56 Huy hiệu bạc81 Huy hiệu đồngJasonJasonJason

Màu mặc định của HR có màu đen1 gold badge2 silver badges11 bronze badges1 gold badge2 silver badges11 bronze badges1 gold badge2 silver badges11 bronze badges

2

Màu mặc định của thẻ HR trong HTML là gì?

Đó là #EEE trên Internet Explorer 11.#eee on Internet Explorer 11.#eee on Internet Explorer 11.#eee on Internet Explorer 11.

Bạn có thể tô màu thẻ nhân sự?

Bạn có thể chỉ cần sử dụng thuộc tính màu nền CSS kết hợp với chiều cao và đường viền để thay đổi màu mặc định của một phần tử.Trong ví dụ sau, chúng tôi đã thay đổi màu của thẻ HR thành màu xám nhạt.Bạn cũng có thể tăng độ dày của dòng bằng cách tăng giá trị của thuộc tính chiều cao.use the CSS background-color property in combination with the height and border to the change the default color an use the CSS background-color property in combination with the height and border to the change the default color an use the CSS background-color property in combination with the height and border to the change the default color an

Giá trị mặc định của thẻ HR là gì?

Giá trị CSS mặc định cho các phần tử HTML.

Bộ thẻ HR trong HTML là gì?

Phần tử HTML đại diện cho một sự phá vỡ theo chủ đề giữa các yếu tố cấp đoạn: ví dụ, một sự thay đổi của cảnh trong một câu chuyện hoặc một sự thay đổi của chủ đề trong một phần.a thematic break between paragraph-level elements: for example, a change of scene in a story, or a shift of topic within a section.a thematic break between paragraph-level elements: for example, a change of scene in a story, or a shift of topic within a section.a thematic break between paragraph-level elements: for example, a change of scene in a story, or a shift of topic within a section.