Wednesday, January 3, 2018
Image Borders with CSS
Image Borders with CSS
Sometimes, a website design benefits when images have frames � or borders. One way to get them is one image at a time, using a graphics program. But there is a much faster way � with CSS! This code:
inserts a plain image into your page:
And if we add this to our CSS:
Then our image appears like this:
Actually, I would use shortcuts and write my CSS like this:
<img src="image.jpg" width="350px" height="262px"
alt="Rusty Stove in Luckenbach, Texas">
And if we add this to our CSS:
img {
border-color: #7d6b72;
border-style: solid;
border-width: 5px;
}
Actually, I would use shortcuts and write my CSS like this:
img {
border: 5px solid #7d6b72;
}
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.