在我的网站顶部添加一个没有图像的边框

时间:2015-11-02 16:32:04

标签: html css

我想弄清楚如何在博客的最顶端添加边框。

我知道如何使用背景图像和水平重复的图像。

body {
    background-image: url("http://bit.ly/1KTEMHF");
    background-repeat: repeat-x;
    background-color: #EEEEEE;
}

请参阅此处的示例:http://jsfiddle.net/9ybu5yfq/

然而,如果我只想要一个平滑的(平滑的)边框,我不知道该怎么做。我知道我显然可以有一个正方形作为图像,这样它会起作用,但我想有更好/更容易的方法。

到目前为止,我已经在本网站的其他答案中找到了我可以这样做:

body {
    border-top: 15px solid #F2828E;
    background-color: #EEEEEE;
}

(参见这里的小提琴:http://jsfiddle.net/uaoq6usn/

然而,如果我这样做,线条或边框,不会从一边到另一边,有一个间隙,并没有真正触及顶部。

看到区别:

Example showing the difference

关于为什么会发生这种情况的任何想法或我如何解决它?或者没有其他方法可以在网站顶部添加边框但是有图像?

2 个答案:

答案 0 :(得分:1)

## Path to the PDF form you'd like to fill in 
$change_formPrep = ls '*template*'
$change_form = ($change_formPrep.FullName)

## The PDF that will be saved with the filled-in forms.  
$output_file = ls "*template*" 

## Load the iTextSharp DLL to do all the heavy-lifting 
[System.Reflection.Assembly]::LoadFrom('K:~~~~~\itextsharp\itextsharp.dll') | Out-Null 

## Instantiate the PdfReader object to open the PDF 
$reader = New-Object iTextSharp.text.pdf.PdfReader -ArgumentList $change_form 

## Instantiate the PdfStamper object to insert the form fields to 
$stamper = New-Object iTextSharp.text.pdf.PdfStamper($reader,[System.IO.File]::Create($output_file)) 

应该这样做。默认情况下,您基本上有一个保证金。您可以将其设置为零,它将起作用

答案 1 :(得分:0)

添加margin:0

body {
  border-top: 15px solid #F2828E;
  background-color: #EEEEEE;
  margin:0;
}