Thật khó để tôi tìm ra câu trả lời trực tiếp cho câu hỏi của mình vì có quá nhiều điểm khác biệt trong mã của mọi người.

Tôi đoán mã của tôi có thể rất khó hiểu vì tôi đang cố gắng xây dựng nhanh một trang web cho một đối tác của mình (tôi chỉ có vài giờ kinh nghiệm về Dreamweaver, thế thôi)!

Dù sao đi nữa, tôi có một trang web có chiều rộng cố định với khoảng 6 div riêng biệt trong một cột và mọi thứ đều nằm trong một div có kích thước trang web duy nhất cho màu nền của tôi.

Dù vậy, khi tôi thử thêm đường viền vào chân trang, nó không hiển thị trên trình duyệt. Tôi chỉ muốn 1px để tách div "chính" khỏi phần chân trang và nó không xuất hiện. Điều này cũng tương tự với div điều hướng của tôi.

      thân hình{
               màu sắc: #00000;
               lề trái: 0px;
               lề phải: 0px;
               lề trên cùng: 0px;
               lề dưới: 0px;
               }


       #thân hình{
       màu nền: #000000;
       }


       #tiêu đề{
               width:800px; /* Chiều rộng được cố định bằng pixel */
               height:150px; /* Chiều cao được cố định bằng pixel*/
               màu sắc: #fff;
               lề trái:tự động;
               lề phải:tự động;
               lề trên cùng: 0px;
               lề dưới: 0px;
        }

        #điều hướng {
               width:798px;
               height:51px;
               lề trái:tự động;
               lề phải:tự động;
               lề trên cùng: 0px;
               lề dưới: 0px;
               border-style:solid; /*Selecting solid made the border appear*/
               border-left:1px;
               border-right:1px;
               border-top:0px;
               border-bottom:1px;
               border-color:#000000;    
               text-align:center;    
               background-color:ffffff;

        }

        #main {
               width:798px; /* The width is fixed by pixels */
               height:800px; /* The height is fixed by pixels*/
               màu sắc: #fff;
               background-color:#fff;
               lề trái:tự động;
               lề phải:tự động;
               lề trên cùng: 0px;
               lề dưới: 0px;
               border-style:solid; /*Selecting solid made the border appear*/
               border-left:1px;
               border-right:1px;
               border-top:0px;
               border-bottom:0px;
               border-color:#000000;
               text-align:center;

        }

        #footer {
                                      /*Styling for any element with the id="container" */
                      width:798px; /* The width is fixed by pixels */
                       height:100px; /* The height is fixed by pixels*/
                       màu sắc: #fff;
                        background-color:#fff;
                        margin-left: tự động;
                        lề phải:tự động;
                        border-style:solid;
                        border-left:1px;
                        border-right:1px;
                        border-bottom:1px;
                        border-top:1px;
                        border-color:#000000;
                        }

                        #Facebook {
                        float:right;
                        }

                        #Twitter {
                        float:right;
                        }

                        #LinkedIn {
                        float:right;
                        }




      
  
 
 

 

  
 


   

   

   

 

   

   

   
 

 


      
    
   

 

 

如果有人能够提供帮助，那就太好了，因为我感觉我可能由于缺乏经验而使用了冲突的代码，但现在没有时间学习所有内容，而是会回到某个地方我有更多时间来调整事情。

谢谢，

马丁

1 Câu trả lời

1) 写入标记在代码的开头。

2) 写入标记在代码末尾。

和使用:

border: 1px 0px solid #000000;

它会解决你的问题。看http://jsfiddle.net/p2269/1/我按照我的解释编写了代码，它显示了边框。

关于html - Div边框不显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16874084/