Search results
The <footer> tag defines a footer for a document or section. A <footer> element typically contains: authorship information; copyright information; contact information; sitemap; back to top links; related documents; You can have several <footer> elements in one document.
- Try It Yourself
The W3Schools online code editor allows you to edit code and...
- CSS Website Layout
Footer. The footer is placed at the bottom of your page. It...
- Fixed Footer
.footer { position: fixed; left: 0; bottom: 0; width: 100%;...
- Try It Yourself
Footer. The footer is placed at the bottom of your page. It often contains information like copyright and contact info:
7 kwi 2023 · Amazingly designed CSS footer design, with a beautiful gradient background. Contains site links and copyright section seperated with a solid divider. Code and Demo
17 mar 2017 · If you want to change the background color of footer text area as well, you can add following code with the first one ine the customize>Additionial CSS are: .site-footer .footer-bottom { border-top: 1px solid #eee; background: #eee ; }
.footer { position: fixed; left: 0; bottom: 0; width: 100%; background-color: red; color: white; text-align: center;} </style> <div class="footer"> <p>Footer</p> </div>
To add a background image on an HTML element, use the HTML style attribute and the CSS background-image property: Example. Add a background image on a HTML element: <p style="background-image: url ('img_girl.jpg');"> Try it Yourself » You can also specify the background image in the <style> element, in the <head> section: Example.
The HTML <footer> tag typically contains information about the author of the document, copyright information, and links. The HTML <footer> tag is used to create a footer for a webpage and can only be placed at the end of the <body> element.