Read more
<html>
<head>
<title> Psudo selector </title>
<style>
.container{
border: 2px solid green;
background-color: gray;
padding: 34px;
margin: 34px auto;
width: 666px;
}
a:hover{
color: white;
background-color: pink;
}
a:visited{
background-color: yellow;
}
a:active{
background-color: darkblue;
}
.btn{
font-wight: bold;
background-color: crimson;
padding: 6px;
border: none;
cursor: pointer;
font-size: pointer;
font-size: 13px;
border-radius: 4px;
}
.btn:hover{
color: darkgoldenrod;
background-color: lightpink;
border: 2px;
}
</style>
</head>
<body>
<div class="container" id="container1"></div>
<h3> This is my heading</h3>
<p>if you want read the any story you can press the read more button!</p>
<a href="https://safemypanda.blogspot.com" class="btn">READ more</a>
<button class="btn"> contact us</button>
</body>
</html>
Comments
Post a Comment