css cursor属性 visibility属性 元素透明度处理 取消ul里li默认列表的圆点
时间：6年前 阅读：4844
1、cursor 属性规定要显示的光标的类型（形状）。
值 描述
default 默认光标（通常是一个箭头）
auto 默认。浏览器设置的光标。
crosshair 光标呈现为十字线。
pointer 光标呈现为指示链接的指针（一只手）
move 此光标指示某对象可被移动。
e-resize 此光标指示矩形框的边缘可被向右（东）移动。
ne-resize 此光标指示矩形框的边缘可被向上及向右移动（北/东）。
nw-resize 此光标指示矩形框的边缘可被向上及向左移动（北/西）。
n-resize 此光标指示矩形框的边缘可被向上（北）移动。
se-resize 此光标指示矩形框的边缘可被向下及向右移动（南/东）。
sw-resize 此光标指示矩形框的边缘可被向下及向左移动（南/西）。
s-resize 此光标指示矩形框的边缘可被向下移动（南）。
w-resize 此光标指示矩形框的边缘可被向左移动（西）。
text 此光标指示文本。
wait 此光标指示程序正忙（通常是一只表或沙漏）。
help 此光标指示可用的帮助（通常是一个问号或一个气球）。
2、visibility属性
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.tu{
/*display: none;*/
/*让元素隐藏，但是只隐藏内容，保留位置*/
visibility: hidden;
}
</style>
</head>
<body>
<img src="https://www.qiquanji.com/data/img/dmj/201903171552790626212860.jpg" alt="" class="tu" />
<h2>这里好看网</h2>
</body>
</html>
3、透明度
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
padding: 0;
margin: 0;
}
#hd{
width: 300px;
height: 300px;
background: #FF69B4;
position: absolute;
left: 0px;
top: 0px;
/*透明度*/
/*值在（0~1之间）值0是完全透明，1是完全不透明*/
/*正规浏览器（火狐等）用*/
opacity: 0.5;
这个是IE浏览器用的，透明度值在（0~100之间）
filter: alpha(opacity=55);
}
</style>
</head>
<body>
<h1>好好看的网</h1>
<div id="hd"></div>
</body>
</html>
4、取消默认列表的圆点
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
li{
/*取消所有默认的加点*/
list-style: none;
}
</style>
</head>
<body>
<ul>
<li>法国成功提取埃航黑匣子数据 已转交埃方待公布</li>
<li>广州地铁就要求乘客卸妆进站一事致歉，已对当班班长停岗培训</li>
<li>北京大妈有多套房仍爱捡破烂 硬怼海归女儿“我愿意！”</li>
<li>NBA勇士vs雷霆 水花三节合砍50分韦少15中1</li>
<li>《都挺好》全体演技被赞，唯独她只会干瞪眼，网友：性格拯救演技</li>
<li>巴基斯坦军方：印度无人侦察机在克什米尔控制线附近被击落</li>
</ul>
</body>
</html>
本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。
微信扫码关注
更新实时通知
网友评论