css如何实现用户界面样式

lewis 1年前 (2024-04-01) 阅读数 5 #技术

这篇文章将为大家详细讲解有关css如何实现用户界面样式，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

用户界面样式

1）鼠标样式(cursor)

设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。

cursor:default小白|pointer小手|move移动|text文本

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Title</title></head><body>default小白|pointer小手|move移动|text文本<ul><listyle="cursor:default">码海无际</li><listyle="cursor:pointer">码海无际</li><listyle="cursor:move">码海无际</li><listyle="cursor:text">码海无际</li></ul></body></html>

2）轮廓(outline)

是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

outline:outline-color||outline-style||outline-width

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Title</title><style>div{width:80px;border:3pxsolidred;outline:bluedotted5px;}</style></head><body><div>码海无际</div></body></html>

3）防止拖拽文本域(resize)

resize：none 这个单词可以防止火狐谷歌等浏览器随意的拖动文本域。

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Title</title></head><body><textarea></textarea><textareastyle="resize:none"></textarea></body></html>

关于“css如何实现用户界面样式”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。