Here's an example of CSS code that can be used to style a download button:
```
.download-button {
background-color: #007bff; /* Set the background color */
border: none; /* Remove the border */
color: #fff; /* Set the text color to white */
padding: 10px 20px; /* Add padding to the button */
text-align: center; /* Center the text */
text-decoration: none; /* Remove the underline */
display: inline-block; /* Make the button a block element */
font-size: 16px; /* Set the font size */
cursor: pointer; /* Change the cursor to a pointer */
}
.download-button:hover {
background-color: #0062cc; /* Change the background color on hover */
}
```
To use this code, simply add the `download-button` class to your button element. For example:
```
<a href="path/to/download/file" class="download-button">Download</a>
```
Note that you'll need to adjust the styles to match the design of your website.
No comments:
Post a Comment