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度的两边带箭头的鼠标形状分别是啥代码?的主要内容,如果未能解决你的问题,请参考以下文章