css border onlick div

Solutions on MaxInterview for css border onlick div by the best coders in the world

showing results for - "css border onlick div"

20 Feb 2019

1<!DOCTYPE HTML>
2<html lang="en">
3<head>
4
5<meta charset="utf-8">
6<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
7
8<title>untitled document</title>
9
10<link rel="stylesheet" href="screen.css" media="screen">
11
12<style media="screen">
13body {
14    background-color: #f9f9f9;
15    font: normal 1em / 1.5em BlinkMacSystemFont, -apple-system, 'Segoe UI', roboto, helvetica, arial, sans-serif;
16 }
17
18div {
19    position: relative;
20    display: inline-block;
21 }
22
23div a {
24    display: block;
25    width: 6.25em;
26    height: 3.875em;
27    border: 0.5em solid #000;
28 }
29
30div  span {
31    position: absolute;
32    width: 5.25em;
33    height: 2.875em;
34    padding: 0.5em;
35    top: 0.5em;
36    left: 0.5em;
37    background-color: #fff;
38    text-align: center;
39 }
40</style>
41
42</head>
43<body> 
44
45 <div>
46  <a href="https://www.coothead.co.uk/the-pale-blue-dot">link</a>
47  <span>the border is clickable</span>
48 </div>
49
50</body>
51</html>
52

source

queries leading to this page

css border onlick div css border onlick div