Background Style<div style="width:1000px; height:1000px"> control style length width </div><!--control style length width, px represents pixel--><div style="Background-color: #0F0">X</div><!--control style background color--><div style="background-image:x"></div><!--control style background picture--><div style="background-repeat:no-repeat"></div><!--Controls whether the style background picture is tiled, no-repeat for uneven paving--><div style="Background-position:bottom 100px"></div><!--Adjust the style picture margin--><div style="background-size:xpx Xpx"></div><!--Adjust the style picture size--font Style<div style="font-family: Song Body"> Control font Styles </div><!--control font styles--><div style="font-size:14px"> Control Font size </div><!--control font size, typically 12 -16 MP--><div Style="Font-weight:bold"> Control font Bold </div><!--Blod is bold, normal is not bold--><div style="Font-style:italic"> Control font Tilt </div><!--Normal is not inclined--><div style="Color: #03F"> Control font Color </div><!--Color control is directly add color, without Font--><div style="text-decoration:"> Underline strikethrough Remove line underline </div>Alignment<div style="Text-align:center"> Center alignment </div><!--Horizontal alignment, the current is centered, left is on the right--><div style="Vertical-align:middle"> Center Alignment </div><!--vertical alignment, top bottom is bottom, general set row height, and use--><div style="Line-height:"> Line height </div><!--with vertical alignment using--><div style="text-indent:"> First Line indent </div><!--is usually used above the paragraph-->*{margin:0px auto; padding:0px}/*write each page, clear all margins and spacing, except for individual settings*/<div id="B2"></div>
<style> *{margin:0px auto; padding:0px}/*write each page, clear all margins and spacing*/#a1 {width:100px; height: -; Color: #F00; background-color:# the; text-Decoration:none} #b1 {width:300px; height:300px; background-color: #3F0; color:# the; Text-align:center; Vertical-align:middle; line-height:300px} #an {width:104px; height:40px; background-color: #38F; Color: #FFF; font-size:16px; Text-align:center; Vertical-align:middle; line-height:40px;} #wai {width:300px; height:300px; background-color: #F00} #nei {width:100px; height:100px; background-color: #00F; margin:20px 30px 20px 30px; padding:40px 20px 20px 10px;} #li {width:50px; height:50px; background-color: #CF0} #b2 {width:200px; height:200px; background-color: #0F0; position:absolute; top:100px; right:50px}</style><body> <!--control background style background picture background color background picture tile or not distance which direction how much distance adjust position resize picture size-<div style="width:1000px, height:1000px, background: #0F0; Background-image:url (file:///D|/%E5%A3%81%E7%BA%B8/ Per-haagensen-tdkr-catwoman01-perh.jpg); Background-repeat:no-repeats; Background-position:left 100px Bottom 100px; background-size:1000px 1000px"> Test Text </div>control font style font size (Web page common 14px) font weight font italic font color (direct color) decoration (change text underline, etc.)<div style="font-family: ' italics '; font-size:36px; font-weight:bold; font-style:italic; color: #F00; text-decoration:line-through "> Control fonts </div> <a id="A1"href="http://www.4399.com"> Hyperlinks </a><!--span and ID labels cannot be resized--<!--alignment Text-align horizontal alignment (vertical-align vertical alignment line-height Row height use )-<div id="B1"> Alignment Test </div> <a href="http://www.baidu.com"><div id=" an"> Baidu </div></a><br/> <p style="text-indent:40px"> Will pull away from the rate of wiping garbage vs exchange space to see the time to consider will be pulled away from the rate on the garbage vs. space to see the time to consider the distance between the rate of wiping garbage vs AC space to look at the time to consider the distance between the rate of wiping garbage vs. space to see the time to consider will be pulled away from the rate on the garbage vs. space to see the time to consider the distance will be opened Rate on the garbage vs. space to see the time considerations will be pulled away from the rate of cleaning vs. space to see the time considerations will be pulled away from the gap rate on the garbage vs exchange space to see time considerations will pull away from the rate on the garbage vs. space to see the time to consider will be pulled away from the rate on the garbage vs. space to see time considerations will be pulled away from the distance to wipe the garbage V s AC space to see Time considerations </p><!--Indents-<!--border border (the padding is larger when added)-<div id="Wai"> <div id="nei"> <div id="Li"></div> </div>
<style> *{margin:0px auto; padding:0px} #a1 {width:0px; height:0px; background-color: #00F; border-bottom:200px solid #00FFFF; border-top:200px solid #FF0000; border-right:200px solid #FFF; border-left:200px solid #66FF00; Margin:auto}. dm{List-style-image:url (file:///c|/users/administrator/desktop/192.jpg); List-style-position:inside}#a3 {width:300px; height:300px; background-color: #0FF; margin:10px; left:30px; bottom:20px} #a4 {width:200px; height:200px; background-color: #0FF; Positionfixed; top:0px; left:0px} #a5 {float: Left} #menu {width:900px; height:50px}. list{float: Left; width:100px; height:50px; Text-align:center; Vertical-align:auto; line-height:50px}</style> <body> <div id="A1"> Border and Border testing </div> <div id="A2"> <ul> <liclass="DM"> Bleach </li> <liclass="DM"> Naruto </li> <liclass="DM"> King of Thieves </li> <liclass="DM"> Pye God </li> <liclass="DM"> Silver Soul </li> </ul> "file:///D|/Wallpaper/2016-03-20/118.jpg"/> "file:///D|/Wallpaper/2016-03-20/118.jpg"/> "file:///D|/Wallpaper/2016-03-20/118.jpg"/> "file:///D|/Wallpaper/2016-03-20/118.jpg"/> "file:///D|/Wallpaper/2016-03-20/118.jpg"/> "file:///D|/Wallpaper/2016-03-20/118.jpg"/> "file:///D|/Wallpaper/2016-03-20/118.jpg"/> "file:///D|/Wallpaper/2016-03-20/118.jpg"/>List Test</div>formatting and layout<div id="A3"> lock locations, such as the bottom right corner of some websites </div> <div id="A4"> Ads for certain websites </div>Flow<div id="A5"> "file:///D|/Wallpaper/2016-03-20/118.jpg"/> "file:///D|/Wallpaper/2016-03-20/118.jpg"/> "file:///D|/Wallpaper/2016-03-20/118.jpg"/> "file:///D|/Wallpaper/2016-03-20/118.jpg"/> "file:///D|/Wallpaper/2016-03-20/118.jpg"/> "file:///D|/Wallpaper/2016-03-20/118.jpg"/> "file:///D|/Wallpaper/2016-03-20/118.jpg"/> "file:///D|/Wallpaper/2016-03-20/118.jpg"/> "file:///D|/Wallpaper/2016-03-20/118.jpg"/> "file:///D|/Wallpaper/2016-03-20/118.jpg"/> "file:///D|/Wallpaper/2016-03-20/118.jpg"/> "file:///D|/Wallpaper/2016-03-20/118.jpg"/> </div> <div id="Menu"> <divclass="List"> Home </div> <divclass="List"> Stand-alone </div> <divclass="List"> Online Games </div> <divclass="List"> Action </div> <divclass="List"> Adventure </div> </div>
よんにち
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
