css样式实例.doc

html head style type=text/css body {background-color: yellow} h1 {background-color: #00ff00} h2 {background-color: transparent} p {background-color: rgb(250,0,255)} p.no2 {background-color: gray; padding: 20px;} /style /head body h1这是标题 1/h1 h2这是标题 2/h2 p这是段落/p p class=no2这个段落设置了内边距。/p /body /html html head style type=text/css p {text-indent: 1cm} /style /head body p 这是段落中的一些文本。 这是段落中的一些文本。 这是段落中的一些文本。 这是段落中的一些文本。 这是段落中的一些文本。 这是段落中的一些文本。 这是段落中的一些文本。 这是段落中的一些文本。 这是段落中的一些文本。 这是段落中的一些文本。 这是段落中的一些文本。 这是段落中的一些文本。 /p /body /html html head style type=text/css #customers { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; width:100%; border-collapse:collapse; } #customers td, #customers th { font-size:1em; border:1px solid #98bf21; padding:3px 7px 2px 7px; } #customers th { font-size:1.1em; text-align:left; padding-top:5px; padding-bottom:4px; background-color:#A7C942; color:#ffffff; } #customers tr.alt td { color:#000000; background-color:#EAF2D3; } /style /head body table id=customers tr thCompany/th thContact/th thCountry/th /tr tr tdApple/td tdSteven Jobs/td tdUSA/td /tr tr class=alt tdBaidu/td tdLi YanHong/td tdChina/td /tr tr tdGoogle/td tdLarry Page/td tdUSA/td /tr tr class=alt tdLenovo/td tdLiu Chuanzhi/td tdChina/td /tr tr tdMicrosoft/td tdBill Gates/td tdUSA/td /tr tr class=alt tdNokia/td tdStephen Elop/td tdFinland/td /tr /table /body /html html head style type=text/css ul.disc {list-style-type: disc} ul.circle {list-style-type: circle} ul.square {list-style-type: square} ul.decimal {list-style-type: decimal} ul.decimal-leading-zero {list-style-type: decimal-leading-zero} ul.lower-roman {list-style-type: lower-roman} ul.upper-roman {list-style-type: upper-roman} ul.lower-alpha {list-style-type: lower-alpha} ul.upper-alpha {list-style-type: upper-alpha} ul.lower-greek {list-style-type: lower-greek} ul.lower-latin {list-style-type: lower-latin} ul.upper-latin {list-style-type: upper-latin} ul.hebrew {list-style-t