Home > Developer > Web Develop
1. Style display:inline-block; Can change a label, it can define the width of the high
2.a:hover indicates that the mouse has passed
3.background:url (110.png) Bottom: To link a picture and align the code at the bottom
<!DOCTYPE HTML><HTML><Head><MetaCharSet= "Utf-8"><styletype= "Text/css">a{Display:Inline-block;width:67px;Height:32px;background:URL ("110.png");}a:hover{background:URL (110.png) bottom;}</style> <title></title></Head><Body><ahref="#"></a></Body></HTML>View Code
4.text-align:center in the horizontal drama
5 line text is centered vertically with high-level text such as parent elements
Text-decoration:none Remove the Underline
eg
<!DOCTYPE HTML><HTML><Head><MetaCharSet= "Utf-8"><styletype= "Text/css">a{Display:Inline-block;width:120px;Height:58px;text-align:Center;text-decoration:None;Color: White;Line-height:50px; }A.one{background:URL (images/bg1.png); }A.two{background:URL (images/bg2.png); }A.three{background:URL (images/bg3.png); }A.four{background:URL (images/bg4.png); }a:hover{background:URL (images/bg6.png)} }</style> <title></title></Head><Body><ahref="#"class= "One">Multicolored Guide Line</a><ahref="#"class= "both">Multicolored Guide Line</a><ahref="#"class= "three">Multicolored Guide Line</a><ahref="#"class= "Four">Multicolored Guide Line</a></Body></HTML>View Code
Effect:
CSS first question a tag operation
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
