AI 助理
备案控制台登录注册
开发者社区 开发与运维 文章 正文

面试官让你使用CSS画一个圆，你会吗？

2021-11-17 128
版权
举报
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 面试官让你使用CSS画一个圆，你会吗？

最近看到一道比较基础的前端面试题，和大家分享下。面试官问：请使用CSS绘制一个圆。

方法：使用border-radius

我们只需要将border-radius设置为50%即可。

HTML部分

<div class="circle">
</div>
复制代码

CSS部分

.circle {
  width: 80px;
  height: 80px;
  background-color: pink;
  margin: 10px auto;
  border-radius: 50%;
 }
复制代码

实现效果

image.png

文章标签：
前端开发
关键词：
面试css
CSS面试官
答案命运
+关注
602文章
目录
打赏
0
0
0
0
6
分享
相关文章
前端技术栈
|
10月前
|
前端开发 JavaScript Java
【面试题】面试官：说说你对 CSS 盒模型的理解
【面试题】面试官：说说你对 CSS 盒模型的理解
前端技术栈
110 0
周一同学Zelina
|
6月前
|
Web App开发 前端开发 JavaScript
「offer来了」1张思维导图，6大知识板块，带你梳理面试中CSS的知识点！
该文章通过一张思维导图和六大知识板块系统梳理了前端面试中涉及的CSS核心知识点，包括CSS框架、基础样式问题、布局技巧、动画处理、浏览器兼容性及性能优化等方面的内容。
周一同学Zelina
51 0
游客ot6eft3qn37ga
|
7月前
|
前端开发 容器
前端面试热门问题--浮动和清除浮动（CSS）
前端面试热门问题--浮动和清除浮动（CSS）
游客ot6eft3qn37ga
88 6
游客ot6eft3qn37ga
|
7月前
|
前端开发 容器
分享一些我在面试时所遇到的CSS问题 （五）
分享一些我在面试时所遇到的CSS问题 （五）
游客ot6eft3qn37ga
53 0
游客ot6eft3qn37ga
|
7月前
|
前端开发 容器
分享一些我在面试时所遇到的CSS问题 （四）
分享一些我在面试时所遇到的CSS问题 （四）
游客ot6eft3qn37ga
47 0
游客ot6eft3qn37ga
|
7月前
|
前端开发 JavaScript
分享一些我在面试时所遇到的CSS问题 （三）
分享一些我在面试时所遇到的CSS问题 （三）
游客ot6eft3qn37ga
48 0
游客ot6eft3qn37ga
|
7月前
|
前端开发 容器
分享一些我在面试时所遇到的CSS问题 （二）
分享一些我在面试时所遇到的CSS问题 （二）
游客ot6eft3qn37ga
53 0
游客ot6eft3qn37ga
|
7月前
|
前端开发 容器
分享一些我在面试时所遇到的CSS问题 （一）
分享一些我在面试时所遇到的CSS问题 （一）
游客ot6eft3qn37ga
49 0
老板这功能得加钱
|
10月前
|
前端开发
一文搞懂css常用字体属性与背景属性(2)，非科班面试之旅
一文搞懂css常用字体属性与背景属性(2)，非科班面试之旅
老板这功能得加钱
66 1
小周sir
|
10月前
|
前端开发 开发者
CSS面试考点：盒模型、选择器、单位和像素概念
【4月更文挑战第2天】 CSS面试考点：盒模型、选择器、单位和像素概念
小周sir
69 12

热门文章

最新文章

  • 1
    美团面试：手机扫描PC二维码登录，底层原理和完整流程是什么？
    27
  • 2
    当面试官再问我JS闭包时，我能答出来的都在这里了。
    3
  • 3
    Java社招面试题：一个线程运行时发生异常会怎样？
    14
  • 4
    FoloUp：比HR更懂岗位需求！开源语音面试平台爆火：1份岗位需求生成100问，语音AI追问逻辑漏洞
    11
  • 5
    京东面试：MySQL MVCC是如何实现的？如何通过MVCC实现读已提交、可重复读隔离级别的？
    14
  • 6
    阿里面试：10WQPS高并发，怎么限流？这份答案让我当场拿了offer
    8
  • 7
    Java 面试必问！线程构造方法和静态块的执行线程到底是谁？
    3
  • 8
    阿里面试：每天新增100w订单，如何的分库分表？这份答案让我当场拿了offer
    11
  • 9
    Resume Matcher：增加面试机会！开源AI简历优化工具，一键解析简历和职位描述并优化
    58
  • 10
    面试大神教你：如何巧妙回答线程优先级这个经典考题？
    2
  • 1
    H5、CSS3面试题，带走不用谢
    72
  • 2
    深入理解css中的link 和 @import
    147
  • 3
    CSS Flex布局实战案例：构建响应式卡片组件
    172
  • 4
    学习css的clip-path属性
    156
  • 5
    什么是CSS Sprite
    66
  • 6
    使用CSS中的cursor属性值，常用的可设置参数，以及其他16中参数值的使用场景和示例代码
    179
  • 7
    技术心得：xpath、CSS定位方法
    94
  • 8
    【UI】 elementui的dialog弹窗打开时CSS的BUG | 滚动条消失bug
    275
  • 9
    CSS【详解】对齐 （含文本垂直对齐，文本水平对齐、单行文本垂直居中、多行文本垂直居中、6 种方案块级元素水平垂直居中 、7 种方案图片水平垂直居中、文本自适应对齐、图标和文本对齐，图片和文本对齐等）
    284
  • 10
    CSS【详解】布局 display （ 含 flex 布局，grid 布局，table 布局，float 布局，响应式布局 等）
    228

    • 相关课程

    更多
  • CSS 快速掌握
  • 零基础学前端HTML+CSS
  • 前端开发CSS基础
  • Java面试疑难点解析 - 面试技巧及语言基础
  • Java面试疑难点解析 - Java Web开发
  • Java面试疑难点解析 - 系统架构及项目设计

    • 相关电子书

    更多
  • 阿里云技术面试红宝书
  • 超全算法笔试-模拟题精解合集
  • 程序员面试宝典

    • 相关实验场景

    更多
  • 前端开发基础3：CSS3常见显示属性
  • CSS基础教程
    • 下一篇
    通义万相2.1视频/图像模型新升级！可在阿里云百炼直接体验
    目录
    AI助理

    你好，我是AI助理

    可以解答问题、推荐解决方案等