如何使用CSS3属性resize控制元素大小尺寸

 时间:2024-10-11 19:49:25

1、第一步,双击打开HBuilder编辑工具,新建静态页面resize.html,如下图所示:

如何使用CSS3属性resize控制元素大小尺寸

2、第二步,在<body></body>元素内插入到div标签元素,并侑喏嵋甲插入一些文字内容,如下图所示:

如何使用CSS3属性resize控制元素大小尺寸

3、第三步,使用div的ID选择器控制div样式属性,设置宽度为400px、高度为60px,resize为“both”,overflow为“auto”,如下图所示:

如何使用CSS3属性resize控制元素大小尺寸

4、第四步,保存代表并预览该静态页面,可以查看到页面显示的效果,如下图所示:

如何使用CSS3属性resize控制元素大小尺寸

5、第五步,修改div标签内文字内容的字体样式,设置背景,如下图所示:

如何使用CSS3属性resize控制元素大小尺寸

6、第六步,设置文字渐变样式属性,颜色为yellow和blue,如下图所示:

如何使用CSS3属性resize控制元素大小尺寸
  • 怎么做拉伸动作?肌肉拉伸动作技巧
  • VS2017在系统菜单中添加菜单项
  • 将excel文档格式保存为excel模板格式
  • VB中的空格函数
  • VS Code怎么关闭在大纲元素上显示错误和警告
  • 热门搜索
    怎么找回qq聊天记录 洁面乳怎么用 健康状况一栏怎么填 怎么治脚气 磁盘空间不足怎么清理 chkdsk工具怎么运行 包子怎么发面 照片大小怎么改到20k 大家的第一次是怎么发生的 epub怎么打开