CSS Anchor Tag Button Styling - Create Stylish Buttons with <a> Tags
This is a CSS code for styling an anchor tag () as a button. It has the following properties:
- 'display: inline-block;' - This sets the display property of the element to inline-block, which allows it to be positioned inline with other elements and also have a width and height.
- 'padding: 10px 20px;' - This sets the padding of the element to 10 pixels on the top and bottom and 20 pixels on the left and right.
- 'background-color: #5f72e8;' - This sets the background color of the element to a shade of blue (#5f72e8).
- 'color: #ffffff;' - This sets the text color of the element to white (#ffffff).
- 'text-decoration: none;' - This removes the underline from the text of the element.
- 'border-radius: 5px;' - This rounds the corners of the element to give it a more button-like appearance.
- 'font-family: Arial, sans-serif;' - This sets the font family of the text to Arial or any sans-serif font.
- 'font-size: 20px;' - This sets the font size of the text to 20 pixels.
- 'font-weight: bold;' - This sets the font weight of the text to bold.
原文地址: https://www.cveoy.top/t/topic/mMZb 著作权归作者所有。请勿转载和采集!