`
Relucent
  • 浏览: 209446 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

CSS样式 cursor

CSS 
阅读更多
<style>
table{
	width:300;
	border:1 solid black;
	font-size:13px;
	table-layout: fixed;
	word-break:break-all;

}
tr{
	eight:20px;
	font-size:12px;
	font-weight:normal;
	border-bottom:2px solid black;
	background-color:#EEE
}
</style>


<table>
<tr style="cursor:all-scroll">	<td>all-scroll</td></tr>
<tr style="cursor:auto">	<td>auto</td></tr>
<tr style="cursor:col-resize">	<td>col-resize </td></tr>
<tr style="cursor:crosshair">		<td>crosshair</td></tr>
<tr style="cursor:default"><td>default</td></tr>
<tr style="cursor:hand"><td>hand</td></tr>
<tr style="cursor:help"><td>help</td></tr>
<tr style="cursor:move"><td>move</td></tr>
<tr style="cursor:no-drop"><td>no-drop</td></tr>
<tr style="cursor:not-allowed"><td>not-allowed</td></tr>
<tr style="cursor:pointer"><td>pointer</td></tr>
<tr style="cursor:progress "><td>progress </td></tr>
<tr style="cursor:row-resize"><td>row-resize</td></tr>
<tr style="cursor:text"><td>text</td></tr>
<tr style="cursor:url(uri)"><td>url(uri)</td></tr>
<tr style="cursor:vertical-text"><td>vertical-text</td></tr>
<tr style="cursor:wait"><td>wait</td></tr>
<tr style="cursor:N-resize"><td>N-resize</td></tr>
<tr style="cursor:S-resize"><td>S-resize</td></tr>
<tr style="cursor:W-resize"><td>W-resize</td></tr>
<tr style="cursor:E-resize"><td>E-resize</td></tr>
<tr style="cursor:NE-resize"><td>NE-resize</td></tr>
<tr style="cursor:NW-resize"><td>NW-resize</td></tr>
<tr style="cursor:SW-resize"><td>SW-resize</td></tr>
<tr style="cursor:SE-resize"><td>SE-resize</td></tr>
</table>

 

分享到:
评论

相关推荐

    CSS-cursor鼠标样式一览表

    其中,`cursor`属性是CSS中的一个重要特性,它允许开发者自定义鼠标指针在不同元素上显示的样式。本篇文章将详细阐述`cursor`属性的使用及其各种预定义的鼠标样式。 `cursor`属性主要用于改变用户在页面上的交互...

    常用控件CSS样式

    "常用控件CSS样式"是一个集合,包含了各种经典且美观的CSS样式,适用于多种常见的网页控件,这些样式可以自定义并应用于项目中,以提升用户体验和界面美观度。 "设计模edo-Flat-UI-c4d26b2"这个文件很可能是这个...

    CSS样式(规则)定义对话框中英文对照.pdf

    根据给定文件内容,该文件名为“CSS样式(规则)定义对话框中英文对照.pdf”,似乎是一份关于CSS样式的对照表。文件中列举了多个CSS属性及其英文名称,尽管OCR扫描可能导致个别字词识别不准确,但下面将基于提供的内容...

    通用css样式

    根据给定文件的信息,我们可以总结出以下关于“通用CSS样式”的关键知识点: ### CSS样式的基础配置 #### 1. **重置默认样式** - 为了确保不同浏览器间的一致性,通常会在CSS文件的开头处对全局元素的`margin`和`...

    鼠标特效css的cursor属性

    其中,利用CSS中的`cursor`属性来改变鼠标指针样式就是一种常见的优化手段。通过设置不同的鼠标样式,可以给用户传递更多的交互信息,使得网站显得更加生动有趣。 #### CSS Cursor属性概述 `cursor`属性用于定义当...

    前端开源库-css-cursor

    在前端开发中,CSS(Cascading Style Sheets)是用于控制网页元素样式的重要技术,而“cursor”属性则是CSS中的一个重要部分,它定义了用户在鼠标指针位于元素上时的光标形状。"css-cursor"是一个开源库,专注于规范...

    新闻栏目设计css 样式

    综上所述,新闻栏目设计CSS样式涉及到字体选择、颜色搭配、布局管理、文本对齐等多个方面。通过巧妙运用这些CSS属性和技巧,我们可以创建出专业、美观且易读的财经新闻页面,提升用户的浏览体验。在实际开发过程中,...

    CSS样式大全.docx

    《CSS样式大全》详细解析 CSS(Cascading Style Sheets)是用于定义网页元素样式的重要技术,它使得我们可以控制网页的布局、颜色、字体、大小等视觉效果。本篇文章将全面解析CSS中的字体属性、背景属性、区块属性...

    CSS样式代码收藏

    本文将深入探讨CSS样式代码收藏中的几个关键知识点,包括自定义滚动条样式、鼠标指针样式、控件框的效果参数以及CSS中的长度单位。 首先,自定义滚动条样式是一个提升网页用户体验的巧妙方式。在CSS中,可以使用`...

    CssButton按钮样式

    本文将深入探讨如何使用CSS来创建美观且功能丰富的“CssButton”按钮样式,以及相关的实践示例。 一、基础按钮样式 一个基本的HTML按钮元素看起来像这样: ```html 点击我 ``` 默认情况下,浏览器会为按钮提供一种...

    很实用的css样式代码案例。

    ### CSS样式代码案例详解 #### 一、概述 在网页设计与开发中,CSS(层叠样式表)扮演着至关重要的角色。它不仅能够美化页面布局,还能够提高页面加载速度,实现更好的用户体验。本文将从给定的CSS代码片段出发,...

    打分效果(DIV+CSS样式)

    在这个“打分效果(DIV+CSS样式)”的主题中,我们将深入探讨如何利用`DIV`和`CSS`创建动态的评分展示。 首先,我们需要理解`DIV`的基本用法。`&lt;div&gt;`元素是一个通用的容器,它没有特定的语义,但可以包含其他HTML...

    WEB开发常用CSS样式

    在探讨“WEB开发常用CSS样式”这一主题时,我们深入剖析了给定文件中的几个关键CSS样式示例,包括按钮样式、下拉选择框样式、以及页面滚动条样式。这些样式不仅展示了CSS的强大功能,也提供了实用的设计模式,对Web...

    唐伟俊自定义css样式

    本文将深入探讨唐伟俊所涉及的自定义CSS样式,包括下拉框样式的定制以及如何通过CSS实现div的隐藏。 一、自定义CSS样式 自定义CSS样式允许开发者根据需求个性化网页的设计,突破默认浏览器样式的限制。这通常涉及...

    css实现登陆界面的代码

    CSS由选择器和声明组成,选择器指向我们想要样式的元素,而声明则包含属性和值,定义了元素的具体样式。例如,我们可以创建一个类选择器`.login-form`来表示登录表单: ```css .login-form { width: 300px; ...

    css样式兼容不同浏览器的问题

    ### CSS样式兼容不同浏览器的问题 #### 一、CSS兼容性的基本概念 在Web开发中,浏览器兼容性一直是前端开发者面临的挑战之一。不同的浏览器对于CSS的支持程度各不相同,这可能导致同一段代码在不同浏览器下的显示...

    鼠标移入移出改变CSS样式的小例子

    鼠标移入移出改变CSS样式 body{color:#fff;font:12px/1.5 Tahoma;} #div1{width:150px;height:150px;margin:0 auto;padding:10px;background:black;border:10px solid #000;cursor:crosshair;} #div1.hove

    CSS图标样式

    要为这个按钮添加样式,我们需要在CSS文件中定义相应的选择器和样式属性。CSS按钮的样式可以涵盖颜色、字体、边框、背景、阴影等多个方面。例如,我们可以设置按钮的背景颜色、文字颜色、边框宽度等: ```css ...

    css cursor 的可选值(鼠标的各种样式)

    CSS中的`cursor`属性用于控制鼠标指针在页面上的显示样式。这个属性允许开发者根据不同的交互情况设置不同的鼠标光标,以提供更好的用户体验和视觉反馈。以下是对标题和描述中提到的一些`cursor`可选值的详细解释: ...

Global site tag (gtag.js) - Google Analytics