Example Analysis of CSS symbol attribute and CSS background style
This article shares with you the content of a sample analysis of CSS symbol attributes and CSS background styles. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.
List-style-type:none; / * No number * /
List-style-type:decimal; / * Arabic numerals * /
List-style-type:lower-roman; / * lowercase Roman numerals * /
List-style-type:upper-roman; / * Capital Roman numerals * /
List-style-type:lower-alpha; / * lowercase letter * /
List-style-type:upper-alpha; / * capital letters * /
List-style-type:disc; / * solid circle symbol * /
List-style-type:circle; / * Hollow Circle symbol * /
List-style-type:square; / * solid square symbol * /
List-style-image:url (/ dot.gif); / * Picture symbol * /
List-style-position: outside; / * Bulge * /
List-style-position:inside; / * indent * /
CSS background style:
Background-color:#F5E2EC; / * background color * /
Background:transparent; / * Perspective background * /
Background-image: url (/ image/bg.gif); / * background image * /
Background-attachment: fixed; / * floating watermark fixed background * /
Background-repeat: repeat; / * repeat arrangement-web default * /
Background-repeat: no-repeat; / * No repetitive arrangement * /
Background-repeat: repeat-x; / * repeat on the x-axis * /
Background-repeat: repeat-y; / * repeat on the y-axis * /
Specify background location
Background-position: 90% 90%; / * position of the x and y axes of the background image * /
Background-position: top; / * align up * /
Background-position: buttom; / * align Down * /
Background-position: left; / * align to the left * /
Background-position: right; / * align to the right * /
Background-position: center; / * Center alignment * /
Thank you for reading! This is the end of this article on "sample analysis of CSS symbol attributes and CSS background styles". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it out for more people to see!
