資訊專欄INFORMATION COLUMN
摘要：實例改文本插入在元素中該段落有自己的背景顏色背景圖片不重復(fù)，設(shè)置實例背景圖片只顯示一次，并與文本分開實例中還添加了屬性用于讓圖片與文本間隔開參考資料菜鳥教程
一，效果圖。
二，代碼。
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS backgroundstitle>
<style>
h1 {
background-color: #6495ed;
}
p {
background-color: #e0ffff;
}
div {
background-color: #b0c4de;
}
body {
background-image: url(paper.gif);
background-color: #cccccc;
background-repeat: no-repeat;
background-position: right top;
margin-right: 200px;
}
body {
background: #ffffff url("img_tree.png") no-repeat right top;
margin-right: 200px;
}
style>
head>
<body>
<h1>CSS background-color實例!h1>
<div>改文本插入在div元素中.div>
<p>該段落有自己的背景顏色p>
<p>背景圖片不重復(fù)，設(shè)置position實例p>
<p>背景圖片只顯示一次，并與文本分開p>
<p>實例中還添加了margin-right屬性用于讓圖片與文本間隔開p>
body>
html>
參考資料：《菜鳥教程》
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/1325.html
一，效果圖。 二，代碼。 DOCTYPE html> CSS 鏈接(link) a:link { color: #ff0000; text-decoration: none; background-color: #b2ff99; } a:visited { co...
一，效果圖。 二，代碼。 ? DOCTYPE html> CSS 樣式列表(url) ul.a { list-style: circle; } ul.b { list-style: square; } ol.c { list-style: upper-...
一，效果圖。二，代碼。DOCTYPEhtml><html><head><metacharset="utf-8"><title>CSSAligntitle><style>body{margin:0;padding:0;} .container{position:relative;width:100%;} ...
一，效果圖。 二，代碼。 DOCTYPE html> CSS 教程 body { background-color: #d0e4fe; } h1 { color: range; text-align: center; } p { fon...
一，效果圖。 二，代碼。 ? DOCTYPE html> CSS Table表格 table { border-collapse: collapse; width: 100%; } table, th, td { border: 1px solid green;...
閱讀 730·2023-04-25 19:43
閱讀 3974·2021-11-30 14:52
閱讀 3801·2021-11-30 14:52
閱讀 3865·2021-11-29 11:00
閱讀 3796·2021-11-29 11:00
閱讀 3894·2021-11-29 11:00
閱讀 3571·2021-11-29 11:00
閱讀 6154·2021-11-29 11:00
