2010-09-21 80 views

Trả lời

23

Đặt border-color.

+0

Haha. Nếu nó là một con rắn nó sẽ có chút tôi! Vì vậy, đơn giản và tôi thực sự đã từ bỏ suy nghĩ đó là một số thiết lập ẩn siêu bootstrap mà tôi không thể tìm thấy trong dặm mã Bootstrap/jQuery. – JustJohn

4

thẻ giờ là một chút khó khăn so với các yếu tố khác để tạo kiểu. Những thứ nào hoạt động và cái nào không phụ thuộc rất nhiều vào trình duyệt.

Một bộ nhớ cache của thủ thuật (bao gồm cả màu sắc) có sẵn ở đây: http://webdesign.about.com/od/beginningcss/a/style_hr_tag.htm

1

Hãy thử phong cách biên giới thay vì

+0

Đây thực sự là một bình luận, không phải là câu trả lời cho câu hỏi. Vui lòng sử dụng "thêm nhận xét" để để lại phản hồi cho tác giả. – hims056

+3

Không, đó là câu trả lời. Thay vào đó, bạn tạo kiểu cho đường viền. – DaveHogan

0

cố gắng xác định một chiều cao

2
  1. Hãy thử cho nó một chiều cao như 5px;
  2. Cung cấp cho kiểu đường viền của bạn nhưng có chiều rộng 0px.
  3. Tái áp dụng một chiều rộng 1px hoặc là đầu hoặc cuối:

Kết quả:

<hr style="height: 5px; border: 0px solid #D6D6D6; border-top-width: 1px;" /> 
+0

Nó làm việc cho tôi ngay cả khi không có thuộc tính chiều cao. Trông rất tốt. –

2

thay vì: color:#292929;

sử dụng: border-color:#292929;

0

Sagivo, Bless bạn và cảm ơn bạn. Điều đó đã làm các trick sau một giờ tốt + của rối tung với vấn đề. FYI cho người khác Tôi thấy rằng để có được một cái nhìn tương tự trong cả Outlook (cái ác) và các khách hàng web khác bao gồm cả IE cũ tôi đã sử dụng này.

<hr size="2" width="80%" align="center" style="border-color:#878787; background:#878787"> 

Đặt kích thước thành 1 làm cho nó quá dày ở một số nơi và 2 với màu nền quá mỏng ở một số nơi khác. Đây là những gì tôi đã kết thúc với. Hy vọng nó sẽ giúp người khác.

+0

Thẻ HR là thứ tôi gọi là HTML cũ và giống như thuộc tính biểu mẫu cũ có giao diện "3D" bắt buộc do bốn đường viền màu của nó. Để vượt qua bạn sẽ cần phải thiết lập biên giới của nó, tốt nhất là bằng không, thiết lập một chiều cao và nền. Tôi thường chỉ sử dụng một div thay thế. Điều này cũng sẽ hoạt động. '


' –

Các vấn đề liên quan