css中那种两边带箭头的鼠标形状和成45度的两边带箭头的鼠标形状分别是啥代码?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css中那种两边带箭头的鼠标形状和成45度的两边带箭头的鼠标形状分别是啥代码?相关的知识,希望对你有一定的参考价值。

参考技术A <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标形状</title>
<style>
* margin:0; padding:0;
ul width:250px; margin:50px auto; border:1px solid #f00; border-bottom:none;
li width:250px; height:30px; line-height:30px; text-align:center; list-style:none; background:#000; border-bottom:1px solid #f00; color:#fff; font-weight:bold;
</style>
</head>
<body>
<ul>
<li style="cursor:pointer;">pointer 手型</li>
<li style="cursor:crosshair;">crosshair 十字</li>
<li style="cursor:text;">text 文本</li>
<li style="cursor:wait;">wait 等待</li>
<li style="cursor:help;">help 问号</li>
<li style="cursor:move;">move 移动</li>
<li style="cursor:e-resize;">e-resize 右的箭头</li>
<li style="cursor:ne-resize;">ne-resize 右上的箭头</li>
<li style="cursor:n-resize;">n-resize 上的箭头</li>
<li style="cursor:nw-resize;">nw-resize 左上的箭头</li>
<li style="cursor:w-resize;">w-resize 左的箭头</li>
<li style="cursor:sw-resize;">sw-resize 左下的箭头</li>
<li style="cursor:s-resize;">s-resize 下的箭头</li>
<li style="cursor:se-resize;">se-resize 右下的箭头</li>
</ul>
</body>
</html>本回答被提问者采纳

标题两边带横线

 1 <!doctype>
 2 <html>
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7     <title>Document</title>
 8 </head>
 9 <body>
10     <style>
11         .title-line{
12             width: 100%;
13             position: relative;
14             text-align: center;
15         }
16         .title-line span{
17             background:white;
18             padding:0 6px;
19         }
20         .title-line:after{
21             position: absolute;
22             content:"";
23             width: 100%;
24             height: 1px;
25             top:50%;
26             left: 0;
27             background:  black;  /*还可以颜色渐变*/
28             z-index: -1;
29         }
30     </style>
31     <div class="title-line">
32          <span>我是标题</span>
33     </div>
34 </body>
35 </html>

 

以上是关于css中那种两边带箭头的鼠标形状和成45度的两边带箭头的鼠标形状分别是啥代码?的主要内容,如果未能解决你的问题,请参考以下文章

css鼠标放上去把箭头变成手一样的样式怎么写

怎么让鼠标变成"手"的形状

淘宝首页的带箭头的轮播海报代码怎么弄

标题两边带横线

求CSS大神,图中这个边框怎么做出来

css3实现鼠标经过元素,上标线由中间向两边展开