WebDev-Fu Lessons

Welcome, young Padawan, to the WebDev-Fu lessons, where the path to enlightenment is paved with code.

• Back to WebDev-Fu
• Exercise 2: Building a Better Button
• Exercise 3: Mastering the Art of CSS

Exercise 1: Building a Better Button

Today, we learn the ancient art of button-making. A button is not just a rectangle with some text on it, but a gateway to the user's soul.

			<button id="myButton" style="background-color: #0000FF; border: 0px; padding: 10px 10px; font-size: 18px; color: #FFFFFF; border-radius: 5px 5px 5px 5px;">Click me!
			<div id="myButtonContainer" style="position: relative; z-index: 10; background-color: #000000; border: 1px solid #000000; padding: 10px 10px;"><button id="myButton" style="background-color: #0000FF; border: 0px; padding: 10px 10px; font-size: 18px; color: #FFFFFF; border-radius: 5px 5px 5px 5px;">Click me!</button></div>
		
		

Now, go ahead and try it yourself. May the Force be with you.