css cursor属性 visibility属性 元素透明度处理 取消ul里li默认列表的圆点
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/mip/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,我们将及时处理。
微信扫码关注
更新实时通知