11/02/2011 05:46 by JohnEverard
Open an HTML document.
In the <head></head> section of the HTML document, insert the following code:
<style>
</style>
Create an element called "triangle-up" inside the <style></style> section of the HTML document. Define the border properties, width and position of the element to create a triangle. For example, to create a triangle that's 80 pixels (px) wide and 60px tall, insert the following code:
#triangle-up {
border-color: transparent transparent #000000 transparent;
border-style: solid;
border-width: 0px 40px 60px 40px;
width: 0px;
position: absolute;
top: 0px;
}
Create an element called "triangle-down" in the <style></style> section of the HTML document. This triangle should be a mirror image of the "triangle-up" element. The code will look like this:
#triangle-down {
border-color: #000000 transparent transparent transparent;
border-style: solid;
border-width: 60px 40px 0px 40px;
width: 0px;
position: absolute;
top: 35px;
}
Insert the following code In the section of the HTML document:
<div id="triangle-up">
</div>
<div id="triangle-down">
</div>
Save your HTML document and open it in a browser to see the final result.
<style>#triangle-up {
border-color: transparent transparent #000000 transparent;
border-style: solid;
border-width: 0px 40px 60px 40px;
width: 0px;
position: absolute;
top: 0px;
}
#triangle-down {
border-color: #000000 transparent transparent transparent;
border-style: solid;
border-width: 60px 40px 0px 40px;
width: 0px;
position: absolute;
top: 35px;
}
</style>
<div id="triangle-up">
</div>
<div id="triangle-down">
</div>
<style>#triangle-up {
border-color: transparent transparent #000000 transparent;
border-style: solid;
border-width: 0px 40px 60px 40px;
width: 0px;
position: absolute;
top: 0px;
}
#triangle-down {
border-color: #000000 transparent transparent transparent;
border-style: solid;
border-width: 60px 40px 0px 40px;
width: 0px;
position: absolute;
top: 35px;
}
</style>
<div id="triangle-up">
</div>
<div id="triangle-down">
</div>
A: Click on the star shape you prefer in the Shapes tool bar. Use the pull-down menus on the tool bar to select the type of outline and fill ...(more)
A: Click on the Start button. Type "Paint" into the Start menu's search box. Click on the Paint icon when it appears in the Start menu. Click...(more)
A: Start the 3DS Max application. Select "File" from the menu and choose "Open." Browse to and open a scene you want to add your star field to....(more)
A: Open a Microsoft Word document by double-clicking on the icon on your desktop. Press down your "Alt" key and do not release it. Press "0...(more)
A:Creating a Five-Point Star Open the Quark document within which you wish to create a star shape. Or, open a separate document and then drag ...(more)
Added Successfully!
×Voted Successfully!
×You can't vote for yourself
×You can't choose your own answer
×