Monday 13 February 2017
Border Add Before after CSS
<style type="text/css">
h1:before {content: ""; position: absolute; left: 0; top: 50%; width: 2px; height: 66px; background: #fff; transform: translateY(-50%);}
h1:after {content: ""; position: absolute; left: 0; top: 50%; width: 2px; height: 66px; background: #fff; transform: translateY(-50%);}
</style>
<h3>Demo Text here!</h3>
h1:before {content: ""; position: absolute; left: 0; top: 50%; width: 2px; height: 66px; background: #fff; transform: translateY(-50%);}
h1:after {content: ""; position: absolute; left: 0; top: 50%; width: 2px; height: 66px; background: #fff; transform: translateY(-50%);}
</style>
<h3>Demo Text here!</h3>
Thursday 9 February 2017
How to select first and last TD in a row?
tr td:first-child{ background:#f6f6f6; border:1px #ccc solid; color:#000;}
tr td:last-child { background:#eeeeee; border:1px #ccc solid; color:#000;}
tr td:last-child { background:#eeeeee; border:1px #ccc solid; color:#000;}
Wednesday 8 February 2017
Dashed Border Effect
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Dashed Border Effect</title>
</head>
<style>
.dashed { float: left; margin: 10% 0%; width: auto;}
.dashed a { background-color: #09c18c;display: block; border: 2px dashed #000; padding: 30px 10px; text-decoration: none; color: #fff;font-size: 24px; width: auto; width:250px; text-align:center;}
.dashed a:hover {border:2px dashed #fff;}
</style>
<body>
<div class="dashed"><a href="#">Dashed Border</a></div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Dashed Border Effect</title>
</head>
<style>
.dashed { float: left; margin: 10% 0%; width: auto;}
.dashed a { background-color: #09c18c;display: block; border: 2px dashed #000; padding: 30px 10px; text-decoration: none; color: #fff;font-size: 24px; width: auto; width:250px; text-align:center;}
.dashed a:hover {border:2px dashed #fff;}
</style>
<body>
<div class="dashed"><a href="#">Dashed Border</a></div>
</body>
</html>
Subscribe to:
Posts
(
Atom
)