appearance

appearance 属性允许使元素看上去像标准的用户界面元素。比如给元素div设置:

div
{
appearance:button;
-moz-appearance:button; /* Firefox */-webkit-appearance:button; /* Safari 和 Chrome */
}

使 div 元素看上去像一个按钮:这个属性的兼容性不好,只做了解即可!



文本溢出

css3用户界面





css3用户界面

outline不占空间  也可以和margin重叠在一起


css3用户界面

css3用户界面




css3用户界面





问:什么情况下需要用到outline?

outline可起到突出元素的作用。我们需要在元素外围做一些特别效果的时候,可以使用该属性




css3用户界面


主流浏览器不支持!!!!!!!!



css3用户界面


css3用户界面


了解一下就好 w3c准备放弃  但是现在主流浏览器支持!!!!!!!

例如可以做一个网页放大镜的效果



css3用户界面

其实只能放大 不能 缩小到比原本的小



了解

css3用户界面





css3用户界面


none最有用 其他几个差异不大


css3用户界面



相关文章:

  • 2021-11-21
  • 2022-12-23
  • 2021-06-27
  • 2021-06-21
  • 2021-09-25
  • 2022-01-12
  • 2022-12-23
猜你喜欢
  • 2021-06-02
  • 2022-01-05
  • 2021-05-28
  • 2021-06-11
  • 2022-12-23
  • 2021-12-29
相关资源
相似解决方案