Page 86 - COPA VOL II of II - TP -Punjabi
P. 86
</style>
</head> .b3 {
<body> background-color: green;
<button class=”button b1”>None</button> border-radius: 10px;
<button class=”button b2”>Solid</button> }
<button class=”button b3”>Dashed</button>
.b4 {
<button class=”button b4”>Double</button> background-color: yellow;
<button class=”button b5”>Groove</button> border-radius: 20px;
</body> }
</html>
.b5 {
ਆਉਟਪੁੱਟ
background-color: orange;
border-radius: 50%;
}
</style>
</head>
<body>
ਉਦਾਹ੍ਨ 2:
<button class=”b b1”>3px </button>
<!DOCTYPE html> <button class=”b b2”>6px</button>
<html> <button class=”b b3”>10px</button>
<head> <button class=”b b4”>20px</button>
< title> button border-radius property </title> <button class=”b b5”>50%</button>
<style> </body>
. b { </html>
padding: 15px 32px;
border: none; ਆਉਟਪੁੱਟ
font-size: 16px;
}
. b1 {
background-color: red;
border-radius: 3px;
}
. b2 {
background-color: blue;
border-radius: 6px;
}
72 IT ਅਤੇ ITES : COPA (NSQF - ਸੰਸ਼ੋਧਭਤ 2022) - ਅਿਭਆਸ 1.31.114
