CSS隨筆

1.設置背景顏色

能夠使用 background-color: 屬性爲元素設置背景色。css

body {background-color: yellow}
h1 {background-color: #00ff00}
h2 {background-color: transparent}
p {background-color: rgb(250,0,255)}

若是但願背景色從元素中的文本向外少有延伸,只需增長一些內邊距:css3

p {background-color: green; padding: 20px;}

2.設置背景圖像

若是須要設置一個背景圖像,必須爲這個屬性設置一個 URL 值:字體

body {background-image: url(/i/eg_bg_04.gif);}

大多數背景都應用到 body 元素,不過並不只限於此。

3.文字排版

字體url

body{font-family:"微軟雅黑";}
body{font-family:"Microsoft Yahei";}

字號、顏色spa

body{font-size:12px;color:red;}

粗體、斜體code

p span{font-weight:bold;}
p a{font-style:italic;}

下劃線、刪除線ci

p a{text-decoration:underline;}
p{text-decoration:line-through;}

4.段落排版

縮進it

p{text-indent:2em;}

行間距(行高)io

p{line-height:2em;}

中文字間距、字母間距im

h1{letter-spacing:50px;}

單詞間距

h1{word-spacing:50px;}

對齊

h1{ text-align:center;}  居中
h1{ text-align:left;}    左對齊
h1{ text-align:right;}   右對齊

5.css3邊框

圓角邊框

div{
  border:2px solid;
  border-radius:25px;
  -moz-border-radius:25px; /* Old Firefox */
}

CSS3 邊框陰影

div{
  box-shadow: 10px 10px 5px #888888;
}

CSS3 文本陰影

h1{
  text-shadow: 5px 5px 5px #FF0000;
}
相關文章
相關標籤/搜索