blog

header{
text-align:center;
background:url(“/assets/jeff-bg.png”);
background-size:cover;
color:white;
}
a{
color:white;
text-decoration:none;
height:30px;
line-height:30px
}
a:hover{

  background-color:#eb3f2f}
h1{
  font-size:70px;
  }
  img{
    margin:40px 0px 0px 0px;
    border:7px solid white;
    border-radius:20px;
    }

ul{
padding:10px;
background-color:rgba(0,0,0,0.4);

}
li{
  display:inline;
  padding:0px 10px 0px 10px;
  }

Jeff’s Blog

• About Me
• Best Poems
• Worst Poems

效果圖：

1. 要設置某一元素的背景爲透明，在 chrome 、firefox、opera 下是這樣的：background-color: rgba(0, 0, 0, 0.4);
   rgba 中的最後一個參數 0.4 就是想要的透明度，範圍在0～1之間。
   在 ie 中一般是這樣的：


background-color: rgb(0, 0, 0);
filter: alpha(opacity=40);
opacity 表示透明度，它的值範圍在 0～100 之間
要兼容不同瀏覽器可以把兩段代碼都寫上去
2、用border-radius屬性來設置邊框邊緣弧角設置