跳转 w3c.91xjr.com
重置分数
关闭菜单

CSS 选择器
练习 1 练习 2 练习 3 练习 4 前往 CSS 选择器教程
CSS 如何...
练习 1 练习 2 练习 3 练习 4 前往 CSS 如何...教程
CSS 背景
练习 1 练习 2 练习 3 练习 4 练习 5 前往 CSS 背景教程
CSS 边框
练习 1 练习 2 练习 3 练习 4 前往 CSS 边框教程
CSS 外边距
练习 1 练习 2 练习 3 练习 4 前往 CSS 外边距教程
CSS 内边距
练习 1 练习 2 练习 3 前往 CSS 内边距教程
CSS 高度/宽度
练习 1 练习 2 前往 CSS 高度/宽度教程
CSS 盒模型
练习 1 练习 2 练习 3 练习 4 前往 CSS 盒模型教程
CSS 外轮廓
练习 1 练习 2 练习 3 前往 CSS 外轮廓教程
CSS 文本
练习 1 练习 2 练习 3 练习 4 练习 5 前往 CSS 文本教程
CSS 字体
练习 1 练习 2 练习 3 练习 4 练习 5 前往 CSS 字体教程
CSS 链接
练习 1 练习 2 练习 3 练习 4 前往 CSS 链接教程
CSS 列表
练习 1 练习 2 练习 3 练习 4 前往 CSS 列表教程
CSS 表格
练习 1 练习 2 练习 3 练习 4 练习 5 练习 6 前往 CSS 表格教程
CSS 显示/可见性
练习 1 练习 2 练习 3 练习 4 前往 CSS 显示/可见性教程
CSS 定位
练习 1 练习 2 练习 3 练习 4 前往 CSS 定位教程
CSS Z-index
练习 1 前往 CSS Z-index 教程
CSS 溢出
练习 1 练习 2 练习 3 前往 CSS 溢出教程
CSS 对齐
练习 1 练习 2 前往 CSS 对齐教程
CSS 组合器
练习 1 练习 2 练习 3 练习 4 前往 CSS 组合器教程
CSS 伪类
练习 1 练习 2 练习 3 练习 4 前往 CSS 伪类教程
CSS 伪元素
练习 1 练习 2 练习 3 前往 CSS 伪元素教程
CSS 透明度
练习 1 练习 2 前往 CSS 透明度教程
CSS 属性选择器
练习 1 练习 2 练习 3 练习 4 练习 5 练习 6 前往 CSS 属性选择器教程
CSS 圆角
练习 1 练习 2 前往 CSS 圆角教程
CSS 边框图像
练习 1 练习 2 前往 CSS 边框图像教程
CSS 背景
练习 1 练习 2 练习 3 练习 4 练习 5 前往 CSS 背景教程
CSS 颜色
练习 1 练习 2 练习 3 练习 4 前往 CSS 颜色教程
CSS 渐变
练习 1 练习 2 练习 3 练习 4 练习 5 练习 6 练习 7 前往 CSS 渐变教程
CSS 阴影效果
练习 1 练习 2 练习 3 练习 4 练习 5 前往 CSS 阴影效果教程
CSS 文本效果
练习 1 练习 2 练习 3 前往 CSS 文本效果教程
CSS 网络字体
练习 1 练习 2 前往 CSS 网络字体教程
CSS 2D 变换
练习 1 练习 2 练习 3 练习 4 前往 CSS 2D 变换教程
CSS 3D 变换
练习 1 练习 2 练习 3 前往 CSS 3D 变换教程
CSS 过渡
练习 1 练习 2 练习 3 练习 4 练习 5 前往 CSS 过渡教程
CSS 动画
练习 1 练习 2 练习 3 练习 4 练习 5 练习 6 前往 CSS 动画教程

Menu
×
×
正确

练习:

使用transform属性，将<div>的大小变为宽度的一半，但是高度加倍。

<style> div { width: 100px; height: 100px; margin: 50px; background-color: lightblue; border: 1px solid black; transform: scale(0.5, 2); } </style> <body> <div>This is a div</div> </body>
<style> div { width: 100px; height: 100px; margin: 50px; background-color: lightblue; border: 1px solid black; transform: scale(0.5,2); } </style> <body> <div>This is a div</div> </body>
<style> div { width: 100px; height: 100px; margin: 50px; background-color: lightblue; border: 1px solid black; transform: scale(50%,2); } </style> <body> <div>This is a div</div> </body>
<style> div { width: 100px; height: 100px; margin: 50px; background-color: lightblue; border: 1px solid black; transform: scale(50%, 2); } </style> <body> <div>This is a div</div> </body>

不正确

点击 此处 重试

正确

下一题 ❯ 
<style>
div {
  width: 100px;
  height: 100px;
  margin: 50px;
  background-color: lightblue;
  border: 1px solid black;
  : ;
}
</style>

<body>
  <div>This is a div</div>
</body>


































    

        

            ×
            
重置分数？