Use the controls to set the properties of your button, your changes will appear immediately. Click on a color in the respective palette to set a color. When satisfied with result, select and copy the code at the bottom of the page. Paste the code into your HTML page. Change the # symbol in the link to your target URL.
|
Border Properties: Border Width: Border Style: Border Color: | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Font Properties: Font: Font Size: Font Style: Font Weight: Font Color: |
Button Code:
More Graphics Design Tips:
• Inkscape Circles, Ellipses, and Arcs Drawing Tutorial
• Inkscape Rectangles and Squares Drawing Tutorial
• Anti-Aliasing
• History of Type Development and Type Terminology
• SVG Example Code to Scale Elements
• Graphic Design Meets Open Source
• SVG Matrix Transform Example Code
• How to Create a Product Box in Photoshop
• Inkscpe Snap Controls Bar
• SVG Code for Outlined Letters Text