kursor poinnter
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis, aperiam. Incidunt provident eveniet consequuntur harum animi sapiente soluta assumenda est nam recusandae! Inventore quae tempore nostrum neque eum. Est, doloribus!
progress curosor
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quibusdam eaque asperiores esse, eveniet ex odio officiis fugiat nobis vitae, exercitationem nam sapiente sint inventore tempore incidunt nisi dolorem doloribus nemo.
kursor move
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet ratione dolore quos, quidem adipisci officia unde corporis incidunt reprehenderit nostrum rerum aliquam atque, autem ipsa sit suscipit possimus facilis voluptates.
kursor help
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptate dignissimos sunt ut incidunt porro fuga, voluptatibus illum veniam deleniti iusto! A nobis eaque ad deleniti consectetur expedita fuga numquam? Ipsam.
kursor text
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora nesciunt error quam quod inventore soluta hic doloremque, ex qui numquam blanditiis assumenda ratione. Illum accusantium atque tempora labore quidem cupiditate.
vertical text cursor
Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima adipisci eius veniam quasi repudiandae, alias facere atque tempore, dolore quod voluptates blanditiis, tenetur provident quia. Laboriosam repellat impedit animi optio.
wait kursor
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, accusantium optio, quae, saepe suscipit recusandae officiis quas autem ipsum quia perferendis voluptatum asperiores vitae sapiente et labore maxime illum delectus.
zoom-in kursor
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam atque corrupti provident minima, quam reiciendis inventore perspiciatis fugit suscipit labore nemo facilis. Unde itaque perspiciatis natus tempore, similique mollitia atque.
zoom-out kursor
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis molestiae numquam eos inventore libero sint architecto ab illum. Esse quidem est minima harum cum molestias excepturi, possimus deleniti quod facere.
kursor: url
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Incidunt soluta, vel, unde eaque ea necessitatibus, doloremque architecto recusandae veritatis voluptatem porro aliquam illum! Vitae ipsum voluptate fuga nam numquam sequi!
- abc
- abc
- abc
- abc
- abc
- abc
- abc
- abc
- abc
- abc
| abc1 |
abc2 |
abc3 |
abc4 |
abc5 |
| abc1 |
abc2 |
abc3 |
abc4 |
abc5 |
| abc1 |
abc2 |
abc3 |
abc4 |
abc5 |
| abc1 |
abc2 |
abc3 |
abc4 |
abc5 |
| abc1 |
abc2 |
abc3 |
abc4 |
abc5 |
Kod w html:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kursory</title>
<link rel="stylesheet" href="css.css">
</head>
<body>
<h1> Kursory w html /h1>
<hr>
<p style="cursor: pointer;"> kursor poinnter <br>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis, aperiam. Incidunt provident eveniet consequuntur harum animi sapiente soluta assumenda est nam recusandae! Inventore quae tempore nostrum neque eum. Est, doloribus!</p> <br>
<hr>
<p style="cursor:progress;">progress curosor <br>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quibusdam eaque asperiores esse, eveniet ex odio officiis fugiat nobis vitae, exercitationem nam sapiente sint inventore tempore incidunt nisi dolorem doloribus nemo.
</p> <hr>
<br>
<p style="cursor: move;"> kursor move <br>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet ratione dolore quos, quidem adipisci officia unde corporis incidunt reprehenderit nostrum rerum aliquam atque, autem ipsa sit suscipit possimus facilis voluptates.</p>
<hr>
<p style="cursor: help;">kursor help <br>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptate dignissimos sunt ut incidunt porro fuga, voluptatibus illum veniam deleniti iusto! A nobis eaque ad deleniti consectetur expedita fuga numquam? Ipsam.</p> <br> <hr>
<br>
<p style="cursor: text;">kursor text <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora nesciunt error quam quod inventore soluta hic doloremque, ex qui numquam blanditiis assumenda ratione. Illum accusantium atque tempora labore quidem cupiditate.</p> <hr> <br>
<p style="cursor: vertical-text;"> vertical text cursor <br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima adipisci eius veniam quasi repudiandae, alias facere atque tempore, dolore quod voluptates blanditiis, tenetur provident quia. Laboriosam repellat impedit animi optio.</p> <hr>
<p style="cursor: wait;"> wait kursor <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, accusantium optio, quae, saepe suscipit recusandae officiis quas autem ipsum quia perferendis voluptatum asperiores vitae sapiente et labore maxime illum delectus. </p> <hr>
<p style="cursor: zoom-in;"> zoom-in kursor <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam atque corrupti provident minima, quam reiciendis inventore perspiciatis fugit suscipit labore nemo facilis. Unde itaque perspiciatis natus tempore, similique mollitia atque.</p> <hr>
<p style="cursor: zoom-out;"> zoom-out kursor <br> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis molestiae numquam eos inventore libero sint architecto ab illum. Esse quidem est minima harum cum molestias excepturi, possimus deleniti quod facere. </p> <hr>
<p style="cursor: url('parot.ico'),pointer;"> kursor: url <br> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Incidunt soluta, vel, unde eaque ea necessitatibus, doloremque architecto recusandae veritatis voluptatem porro aliquam illum! Vitae ipsum voluptate fuga nam numquam sequi!</p>
<br> <hr>
<ul>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
</ul>
<table>
<tr>
<td>abc1</td>
<td>abc2</td>
<td>abc3</td>
<td>abc4</td>
<td>abc5</td>
</tr>
<tr>
<td>abc1</td>
<td>abc2</td>
<td>abc3</td>
<td>abc4</td>
<td>abc5</td>
</tr>
<tr>
<td>abc1</td>
<td>abc2</td>
<td>abc3</td>
<td>abc4</td>
<td>abc5</td>
</tr>
<tr>
<td>abc1</td>
<td>abc2</td>
<td>abc3</td>
<td>abc4</td>
<td>abc5</td>
</tr>
<tr>
<td>abc1</td>
<td>abc2</td>
<td>abc3</td>
<td>abc4</td>
<td>abc5</td>
</tr>
</table>
</body>
</html>
Kod w css:
hr{
height: 10px;
background-image: linear-gradient(rgb(238, 191, 191),rgb(198, 198, 235),rgb(166, 223, 166))
}
h1{
text-align: center;
}
body{
background-color: cadetblue;
}
p::first-line{
color: aqua;
text-transform: uppercase;
}
p::first-letter{
color: bisque;
}
li:nth-child(even){
background-color: chocolate;
}
li:nth-child(odd){
background-color: cornsilk;
}
table,td{
border: 1px solid red;
border-collapse: collapse;
}
tr:nth-child(even){
background-color: rgb(146, 125, 96);
}
a{
font-size: 5vh;
color: burlywood;
}