Hướng dẫn html hr color - màu giờ html

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

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

  • 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

HTML4.01XHTML1.0XHTML1.1
Không cần kết thúc tag Cần khoảng trắng và ký tự "/" để kết thúc tag

Ví dụ

Html viết:

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



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

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

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


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

Trình duyệt hỗ trợ

đượ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ệt

Thuộc tính

Cách sử dụng:

Thuộc tính tùy chọn

Không được hỗ trợ trong DTD Strict

Thuộc tínhCách sử dụng: Ví dụHtml viết:
Đây là nội dung thứ nhất Đây là nội dung thứ haiHiển thị trình duyệt:
center
right
Đây là nội dung thứ nhấtĐây là nội dung thứ hai
Không khuyến khích sử dụng, sử dụng thuộc tính text-align của css để thay thế.
Trình duyệt hỗ trợTrình duyệt hỗ trợ đượ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ệtThuộc tính
Không khuyến khích sử dụng, sử dụng thuộc tính text-decoration của css để thay thế.
Cách sử dụng: Thuộc tính tùy chọnKhông được hỗ trợ trong DTD StrictGiá trị
Không khuyến khích sử dụng, sử dụng thuộc tính font-size của css để thay thế.
Mô tảalign
%
left center right align="left"
Không khuyến khích sử dụng, sử dụng thuộc tính width của css để thay thế.

Được dùng để sắp xếp vị trí cho thành phần . Không khuyến khích sử dụng, sử dụng thuộc tính text-align của css để thay thế.

Thuộc tínhCách sử dụng: Ví dụHtml viết:
Đây là nội dung thứ nhất Đây là nội dung thứ haiHiển thị trình duyệt:Đây là nội dung thứ nhấtHiển thị trình duyệt:
Đây là nội dung thứ nhấtĐây là nội dung thứ hai
ltr
Trình duyệt hỗ trợ đượ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
Thuộc tínhCách sử dụng: Thuộc tính tùy chọnKhông được hỗ trợ trong DTD Strict
Giá trịMô tảalign left center right
align="left" Được dùng để sắp xếp vị trí cho thành phần . Không khuyến khích sử dụng, sử dụng thuộc tính text-align của css để thay thế. noshade noshade="noshade"
Xác định một đường line thẳng, rõ nét, không phải bóng mờ. Không khuyến khích sử dụng, sử dụng thuộc tính text-decoration của css để thay thế. size pixels size="50px"
Xác định chiều cao của thành phần . Không khuyến khích sử dụng, sử dụng thuộc tính font-size của css để thay thế. Mô tảalign left center right

align="left"

Không được hỗ trợ trong DTD Strict

Thuộc tínhCách sử dụng: Ví dụHtml viết:
Đây là nội dung thứ nhất Đây là nội dung thứ haiHiển thị trình duyệt:Đây là nội dung thứ nhấtĐây là nội dung thứ hai
Trình duyệt hỗ trợHiển thị trình duyệt:Đây là nội dung thứ nhấtĐây là nội dung thứ hai
Trình duyệt hỗ trợHiển thị trình duyệt:Đây là nội dung thứ nhấtĐây là nội dung thứ hai
Trình duyệt hỗ trợHiển thị trình duyệt:Đây là nội dung thứ nhấtĐây là nội dung thứ hai
Trình duyệt hỗ trợHiển thị trình duyệt:Đây là nội dung thứ nhấtĐây là nội dung thứ hai
Trình duyệt hỗ trợHiển thị trình duyệt:Đây là nội dung thứ nhấtĐây là nội dung thứ hai
Trình duyệt hỗ trợHiển thị trình duyệt:Đây là nội dung thứ nhấtĐây là nội dung thứ hai
Trình duyệt hỗ trợHiển thị trình duyệt:Đây là nội dung thứ nhấtĐây là nội dung thứ hai
Trình duyệt hỗ trợHiển thị trình duyệt:Đây là nội dung thứ nhấtĐây là nội dung thứ hai
Trình duyệt hỗ trợHiển thị trình duyệt:Đây là nội dung thứ nhấtĐây là nội dung thứ hai

Google không có may mắn, và cũng có các câu hỏi màu

hr {
    color: red;
}
3, dẫn đến cách thay đổi màu
hr {
    color: red;
}
3

Tôi muốn tạo một

hr {
    color: red;
}
5 với cùng màu với màu
hr {
    color: red;
}
6 mặc định, nhưng tôi không biết chính xác là màu gì.

Có ai biết?

P.S. - Tôi biết cách thay đổi màu của thẻ nhân sự .. Tôi muốn tìm hiểu nó là gì trước khi tôi thay đổi nó

Christoph

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 badges

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

Nick Ginantonick GinantoNick GinantoNick Ginanto

29,8K45 Huy hiệu vàng132 Huy hiệu bạc235 Huy hiệu Đồng45 gold badges132 silver badges235 bronze badges45 gold badges132 silver badges235 bronze badges

8

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;
}
3 như sau:

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:50

ChristophchristophChristophChristoph

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 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: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;
}
3 như sau:

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;
}
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)3 như tôi đã làm trong bản demo để có được màu "thật" As it seems that depending on the browser one needs to use

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:37

ChristophchristophChristophVeger

Đã hỏi ngày 22 tháng 2 năm 2013 lúc 14:3311 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:36

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

Đã 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 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;
}
6 như bạn muốn sử dụng CSS:

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;
}
6 hoặc
hr {
    color: red;
}
7 (xem nhận xét). Có vẻ hợp lý khi sử dụng cả trong CSS của bạn:Feb 22, 2013 at 14:55Feb 22, 2013 at 14:55

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

Vegerveger54 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: #f00; background-color: #f00; }

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:48

CromaxcromaxTNKTNK

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 badges

5

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

hr {
    color: red;
}
6S dưới dạng một dòng một màu.

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;
}
6 trong Chrome 24 trên Windows trên nền trắng:Jun 30, 2014 at 10:59Jun 30, 2014 at 10:59

Vì vậy, bạn đã có hai màu để lựa chọn từ đó.optimus 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 badges

Paul D. Waitepaul D. Waite#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:13

Sử dụng cả

hr {
    color: red;
}
6 và
hr {
    color: red;
}
7Luo Jiong HuiLuo Jiong Hui

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 badges

0

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

hr {
    color: red;
}
2

TnktnkFeb 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 đồngJasonJason

Màu mặc định của HR có màu đen1 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.

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


element. In the following example we've changed the color of hr tag to light grey. You can also increase the thickness of the line by simply increasing the value of the height property.

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.