CSS学习(十八)-滚动条、拖动元素、轮廓线_html/css_WEB-ITnose

一、理论:
1.overflow-x/overflow-y
a.visible 默认值,不添加滚动条
b.auto 添加滚动条
c.hidden 内容溢出容器时,所有内容都将隐藏,不显示滚动条
d.scroll 不论有无溢出,都显示滚动条
e.no-display 当内容溢出容器时不显示元素
f.no-content 当内容溢出容器时不显示内容
2.resize
a.none 用户不能拖动元素修改尺寸大小
b.both 用户可以拖动元素,同时修改元素的宽度和高度
c.horizontal 用户可以拖动元素,但只能改动宽度
d.vertical 用户可以拖动元素,但只能改动高度
e.inherit 继承父元素的resize属性值
3.outline 
a.outline 颜色、样式、宽度、偏移值
4.outline与border线的对比
a.border属于盒模型的一部分,outline的轮廓线不会破坏网页布局
b.outline创建的外轮廓线在元素各边都一样
c.border创建的元素可以单边设置,outline创建的外轮廓线是闭合的
d.border仅可以设置元素的边框,只能向外扩展,outline可以向元素内部创建封闭的轮廓

二、实践:

1.

    Title    div{        width : 200px;        margin : 20px auto;        outline : 10px solid #ccc;        padding : 20px    }    
快上八个菜

登录后复制2.

    Title        .form1 textarea{            background:#123586;            resize:none;        }        .form2 textarea{            background:#298529;            resize:both;        }    

登录后复制

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3113031.html

(0)
上一篇 2025年3月29日 11:47:21
下一篇 2025年3月29日 11:47:31

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • ps怎么提取人物外轮廓线?

    ps怎么提取人物外轮廓线? ps提取人物外轮廓线的方法: 一、打开photoshop,打开素材图片。并复制一层备用。 二、将背景填充为黑色。或者新建个图层来填充黑色也可以。 三、抠图,看你习惯用什么方法抠都行。这个图比较简单,所以这里使用快…

    2025年3月12日 编程技术
    200

发表回复

登录后才能评论