This is the background image:
Title textNote: you only need to modify the width attribute in CSS marked by H3, as long as the width does not exceed the total width of the background image.
<! Doctype HTML public "-// W3C // dtd html 4.01 transitional // en"
H3 {
Font-size: 13px;
Line-Height: 21px;
Text-align: center;
Width: 200px;/* modify this value to change the width and keep the pattern at both ends */
Background-image: URL (http://learning.artech.cn/uploads/blog-images/bg.gif );
Background-repeat: No-Repeat;
Padding-left: 40px;/* display the left image of the bottom background */
}
SPAN {
Display: block;
Padding-Right: 40px;/* to center the preceding text */
Background-image: URL (http://learning.artech.cn/uploads/blog-images/bg.gif );
Background-repeat: No-Repeat;
Background-position: Right;/* the top background image is displayed from right to left, used to display the right small image */
}
</Style>
</Head>
<Body>
<P> This is the background image: </P>
<H3> <span> title text </span> <P> Note: you only need to modify the width attribute in CSS marked by H3, as long as the width does not exceed the total width of the background image. </P>
</Body>
</Html>
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
