css background image Archives

How to Create CSS Image Sprites

In this article, you will learn How to Create CSS Image Sprites.

Example:-

<html>
<head>
<title>CSS Image Sprites</title>
<style>
#navlist {
  position: relative;
}
#navlist li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 0;
}
#navlist li,

…

How to use Opacity Property on Image

In this article, you will learn How to use Opacity Property on Image.

Example:-

<html>
<head>
<style>
img{
height:200px;
width:200px;
  opacity: 0.2;
}
h1{
align:center;
}
</style>
</head>
<body>
<h1>Image Transparency</h1>
<img src="imgage.jpg"/>
</body>
</html>

…

How to Create Rounded Corners using CSS

In this article, you will learn How to Create Rounded Corners using CSS. You can also make a circle shape with this property.

Example:

<html>
<head>
<title>Rounded corners</title>
<style> 
.corners1 {
  border-radius: 50px / 15px;
  background: #73AD21;
  padding: 20px;

…

How to Create Image Border using CSS

In this article, we will explain How to Create Image Border using CSS.because sometimes we need a border with an image.

Example:-

<html>
<head>
<title>Image Border using CSS</title>
<style> 
#borderimg { 
  border: 10px solid transparent;
  padding: 15px;
  border-image:

…