Home > Developer > JavaScript
Simple operations on the basic knowledge of CSS format and layout, basic knowledge of css
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/>
<Title> CSS format and layout </title>
<Style type = "text/css">
* {Margin: 0px auto; padding: 0px; font-family: }/* Note */
. Creativity {width: 200px;
Height: 200px;
Background-color: # F00;
Margin: 10px 0px 0px 10px;
Float: left ;}
# Menu {width: pixel PX;
Height: 45px;
Background: # 90F;
Margin-top: 20px ;}
. Text {width: 200px;
Height: 45px;
Float: left;
Text-align: center;
Line-height: 45px;
Vertical-align: middle;
Border-radius: 10px;/* rounded corner */}
. Text: hover {background-color: #000;
Color: # F00;
Cursor: pointer;
Transition: 1 s;/* gradient effect */
Box-shadow: #000;/* shadow */
Opacity: 0.5;/* translucent effect */
Transform: rotate ()}
/* Move the mouse up */
A {text-decoration: none;
Color: #000;
Text-shadow: 5px 5px 5px # FF0000;
Transform: rotate (360deg );}
A: link {text-decoration: none;
Color: # 90C ;}
A: visited {text-decoration: none; color: #333 ;}
A: link {color: red}
/* Mouse */
</Style>
</Head>
<Body>
<Div class = "text"> Press & nbsp; button </div>
</Body>
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
