CSS cursor 和 opacity 属性

cursor :一些不同的光标,当设置该属性之后,鼠标指上去会随着属性而改变。

举例:

<span style="cursor:crosshair">十字线</span><br>
<span style="cursor:default">默认的</span><br>
<span style="cursor:help">帮助</span><br>
<span style="cursor:move">指示某对象可被移动</span><br>
<span style="cursor:n-resize">出现左右箭头</span><br>
<span style="cursor:pointer">一只手</span><br>
<span style="cursor:progress">正在加载</span><br>
<span style="cursor:text">文本</span><br>

opacity:用于设置元素的透明度,元素的不透明度级别描述了透明度级别,当不透明度为 1 时表示完全不透明,当不透明度为 0.5 时表示半透明,当不透明度为 0 时表示完全透明。

opacity: value|inherit;

value取值说明:不透明度,从 0.0 (完全透明)到 1.0(完全不透明)。

inherit取值说明:opacity属性的值应该从父元素继承。

为了兼容IE8 以及更早的版本支持替代的 filter 属性。可以这样设置:filter:Alpha(opacity=50)。

<div>This element's opacity is 0.5! Note that both the text and the background-color are affected by the opacity level!</div>

/**
 *css设置透明度
 */
<style> 
div
{
    background-color:red;
    opacity:0.5;
    filter:Alpha(opacity=50); 
}
</style>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,981评论 0 0
  • _________________________________________________________...
    fastwe阅读 578评论 0 0
  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,739评论 0 6
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,681评论 1 32
  • 人在社会当中,离不开与人交往,我国传统文化非常注重以道德和伦理调节人与人之间的关系,其中包括邻里关系。古语云:“亲...
    月儿明_0311阅读 2,767评论 0 1

友情链接更多精彩内容