Làm cách nào để thêm đường viền vào tất cả bốn phía của trang trình duyệt bất kể trình duyệt nào, bất kỳ độ phân giải nào. Có mã css hoặc javascript nào không?Làm cách nào để thêm đường viền vào tất cả bốn bên của trang trình duyệt
Nếu bạn muốn biên giới xung quanh khung nhìn bạn có thể thử như sau:
<html>
<head>
<style>
body {position: fixed; top:0; left: 0; bottom: -5px; right: -5px;
border: 5px solid red;}
</style>
</head>
<body>
</body>
</html>
Tùy thuộc vào những gì bạn muốn chính xác thậm chí tốt hơn có thể được sử dụng một cái gì đó như YUI Layout Manager.
Viết những dòng này trong CSS của bạn:
body {
border-width: 5px; /* or what you want */
border-style: solid;
border-color: red; /* or what you want */
/* or use the short form: */
border: 5px solid red;
}
Cảm ơn, làm cách nào để luôn luôn phù hợp với đường viền dưới đáy của màn hình? – ktm
Bạn đã thử nghiệm chưa? Nội dung có lề và kích thước khác nhau tùy thuộc vào nội dung. – pepkin88
có nó hoạt động, nhưng có vẻ kỳ lạ khi thay đổi chiều cao dưới của đường viền. Làm thế nào tôi có thể sửa đáy biên giới luôn ở dưới đáy? – ktm
<body style="margin:0px;margin-right:2px;margin-bottom:2px">
<div style="width:100%;height:100%;border:1px solid red;margin-right:-2px;margin-bottom:-2px">
Stuff here
</div>
</body>
Theo tôi đó là giải pháp tốt hơn so với elektronikLexikon 's, vì chiều cao luôn là 100%.
CHỈNH SỬA: Chiều cao là tốt ngay bây giờ.
EDIT2: Tôi thích jira 's câu trả lời thậm chí nhiều hơn mỏ;)
PS. Yêu cầu luôn luôn là câu trả lời tốt nhất, không phải là đáp ứng chỉ vài yêu cầu. Tôi không thể làm đúng giờ.
Đẹp nhất, tôi đã không xem xét việc thiết lập vị trí trái và phải cùng một lúc sẽ là chính xác. Mặc dù 'đáy: 0; right: 0; 'trông đẹp hơn, khoảng cách tới cạnh sẽ bằng nhau. – pepkin88