博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
其他样式
阅读量:6441 次
发布时间:2019-06-23

本文共 788 字,大约阅读时间需要 2 分钟。

其他样式

  1.display,直译为显示,表示元素的显示方式

    block,块状的显示方式

    none,元素不显示,即隐藏。这里的隐藏式不占位置的,即元素会消失。

  2.visibility,直译为可见性,表示元素可见与否,

    visible,默认,元素为可见,

    hidden,元素为隐藏。这里的隐藏式元素不可见,元素的位置依然保留。

  3.overflow,直译为溢出,表示超出元素的内容的处理方式,

    visible,默认,显示

    hidden,隐藏,超出元素的部分不再显示,

    scroll ,显示滚动条,超出元素的部分会添加滚动条在元素内滚动显示。

  4.透明效果,opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50)

    后两个代码用于声明在不同浏览器中的兼容,

    0.5和50表示透明度是50%,值越小透明度越高。

  5.圆角效果,border-radius:5px;

    表示设置的圆角的半径是5像素,

    可以设置正方形元素圆角半径大于等于其边长的一半来画圆,

    可以单独设置元素某一个角的圆角,如border-bottom-left-radius:5px;,位左下角的圆角为5像素。

  6.阴影效果,box-shadow:0 0 5px white;

    第一个值表示阴影的水平移动,正值为向右移,负值为向左移,

    第二个值表示阴影的垂直移动,正值为向下移,负值为向上移,

    第三个值表示阴影的扩散大小,

    第四个值表示阴影的颜色。

    还可以添加的值inset,表示阴影是向元素内扩散的。

转载于:https://www.cnblogs.com/zxbs12345/p/7903445.html

你可能感兴趣的文章
ASA 配置笔记
查看>>
我的友情链接
查看>>
如何用UIKit做一个转轮(4)
查看>>
Nginx
查看>>
亚马逊AWS之CloudFront
查看>>
Oracle用户、权限、角色管理 .
查看>>
由于SSH配置文件的不匹配,导致的Permission denied (publickey)及其解决
查看>>
nginx+keepalived+tomcat配置高可用web集群
查看>>
HDOJ日记1
查看>>
python方向键使用不了
查看>>
Linux下进程间通信IPC的方式
查看>>
树莓派 raspi-config 设置详解
查看>>
openstack中虚机修复模式(类似winpe)
查看>>
lvm扩展容量大小
查看>>
关于HTTPS
查看>>
suse下配置NTP(Network Time Protocol)服务
查看>>
javascript事件冒泡机制探讨
查看>>
pxe网络装机kickstart的密码生成
查看>>
安卓Fragment的切换
查看>>
请注意不一样的innodb引擎
查看>>