The implementation of classification labels for imitation watercress and the classification label for imitation watercress

The implementation of classification labels for imitation watercress and the classification label for imitation watercress

To distinguish it from the style in the Document Classification Section, I decided to write a classification tag set with other styles by myself. I just saw that the book category tag on the homepage of the Douban Reading Section is not bad, so I decided to write a similar style myself. The first part is the HTML code:

<Div class = "col-md-4"> 

You can see that the book category tag is very simple-use'A'The tag is used as the classification tag. You only need to write the CSS style for it.
// A label style # bookclass a {display: block; // The background-color: # f5f5f5 is displayed in the block; // the background color (same as that of Douban) text-align: center; // text center padding: 2px 5px; // padding, up/down 2px, left/right 5px float: left; // left floating, so as to horizontally arrange margin: 2px 2px; // outer margin, up/down 2px, left/right 2px} // change the background color when hovering over the mouse # bookclass a: hover {background-color: # e8e8e8; // same as the watercress color}
Classification tag set effects include:
 

This article is first published on top search. For more information, see the source.