css如何实现用户界面样式

59次阅读
没有评论

共计 797 个字符,预计需要花费 2 分钟才能阅读完成。

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

用户界面样式 1)鼠标样式(cursor)

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

cursor : default  小白  | pointer  小手  | move  移动  | text  文本
!DOCTYPE html html head   meta charset= UTF-8   title Title /title /head body  default  小白  | pointer  小手  | move  移动  | text  文本   ul   li  >

2)轮廓 (outline)

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

outline : outline-color ||outline-style || outline-width
!DOCTYPE html html head   meta charset= UTF-8   title Title /title   style  div { width: 80px; border: 3px solid red; outline: blue dotted 5px; } /style /head body   div 码海无际 /div /body /html

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

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

 !DOCTYPE html html head   meta charset= UTF-8   title Title /title /head body   textarea /textarea   textarea  >

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

正文完
 
丸趣
版权声明:本站原创文章,由 丸趣 2023-08-03发表,共计797字。
转载说明:除特殊说明外本站除技术相关以外文章皆由网络搜集发布,转载请注明出处。
评论(没有评论)