Making Facebook Share Button Using HTML And CSS

Hello Everyone, here I am with a new Tutorial on how to make a Facebook share button using HTML and CSS.Facebook share buttons help us to share the page on Facebook.This is really good when we want to share something awesome with our Facebook friends.You can add this share button on your web pages to allow the users to share them on Facebook.You can make a button like below,

So,lets get started,

Facebook Share Button using HTML and CSS:

HTML Code:




<a href=”” target=”_blank”>
<button class=”btn”>Share On Facebook</button></a>

Read More: “Hello World” in 5 programming Languages

CSS Code:

border:1px solid none;
box-shadow:2px 2px 10px grey;


Read More: Remove movie.bat virus on Windows 10 pc


Inline CSS for making the button:

<button style=”width: 250px; background-color: #3b5998; color: white; font-size: 20px; font-weight: bold; border: 1px solid none; border-radius: 25px; box-shadow: 2px 2px 10px grey; padding: 5px;”>Share On Facebook</button>


So,the above HTML and CSS Code will make a Facebook sharing button .

If you want to use this button to allow users to share the current page on Facebook copy and paste the above codes.If you liked this then please do share this with your friends and relatives and aslo do Subscribe to our News letter.


Leave a Reply

Your email address will not be published. Required fields are marked *

%d bloggers like this: Protection Status