HOME | PHP Tutorial | CSS
facebook icon
AgerNic.com
WEB DEVELOPER SITE, HTML, CSS, PHP
PHP Tutorial

PHP forms
HTML Tutorial

CSS Tutorial

CSS Button Border


CSS Tutorial » CSS Button Border

Use the border CSS property to add a colored border to buttons.

Add CSS Button Border as:
Inline - by using the style attribute in HTML elements
Internal - by using a <style> element in the <head> section
External - by using an external CSS file as style.css
Note: Use external CSS instead.


How to create CSS Button Border - examples


You can try to execute the following code to change CSS Button Border on this page.
If you like a button, you can simply copy the code and paste it on your website.


Example:
Example 1, How to create CSS Button Border - examples:
<!DOCTYPE html>
<html>
<head>
<style>
.button {
color: white;
background-color: #009933; /* Green */
border: none;
padding: 12px 36px;
text-decoration: none;
text-align: center;
display: inline-block;
margin: 4px 4px;
font-size: 18px;
cursor: pointer;
}
.button11 {
color: black;
background-color: white;
border: 3px solid #009900;
}
.button22 {
color: black;
background-color: white;
border: 3px solid #008CBA;
}
.button33 { color: black;
background-color: white;
border: 3px solid #ff0000;
}
.button44 {
color: black;
background-color: white;
border: 3px solid #CCCCCC;
}
.button55 {
background-color: white;
color: black;
border: 3px solid #333333;
}
</style>
</head>
<body>
<h3 align="center">How to make CSS Button Border</h3>
<p align="center">Change CSS Button Border</p>
<p align="center">
<button class="button button11">Green Button Border</button>
<button class="button button22">Blue Button Border</button>
<button class="button button33">Red Button Border</button>
<button class="button button44">Gray Button Border</button>
<button class="button button55">Black Button Border</button>
</p>
</body>
</html>


css button border, size CSS Button Border - css tutorial

2704. CSS Layers - CSS tutorial
EchoEcho.Com : The complete CSS tutorial
http://www.echoecho.com/csslayers.htm

2236. CSS Tutorial - Text formatting
Text decoration it
https://tutorialehtml.com/en/css-tutorial-text-formatting/

2806. CSS Padding, top, bottom, left, right, css tutorial
CSS Padding, top, bottom, left, right css tutorial
http://www.agernic.com/css-tutorial/css-padding-top-bottom-left-right.html

2709. CSS Text - CSS tutorial
EchoEcho.Com : The complete CSS tutorial
http://www.echoecho.com/csstext.htm

3192. Basic Syntax of CSS - How to Code CSS, css tutorial
Basic Syntax of CSS - How to Code CSS css tutorial
https://www.agernic.com/css-tutorial/syntax-of-css-how-to-code-css.html

2226. CSS Tutorial - Build a navigation bar
Normally to create a navigation bar (horizontal or vertical menu) the HTML lists are a good start point. You can then use CSS to give it some awesomeness. You will also use a link inside the li element. So let
https://tutorialehtml.com/en/css-tutorial-build-a-navigation-bar/

Your add here
PHP strcmp() function

PHP trim() function

PHP empty() Function

PHP define() function

PHP htmlspecialchars_decode() function

PHP strip_tags() function

PHP strrchr() Function

PHP lcfirst() function

PHP strlen() function

PHP rtrim() function

PHP similar_text() function

PHP printf() function

PHP str_replace() function

PHP explode() function

PHP ucwords() function

PHP count() Function

HTML Text Color
CSS background, Color, Background Image
SQL mysql order by columns, by date, by asc, by desc, random with PHP
HTML Image Background
HTML Text Color Style
CSS Border Style Width and Color