首页 > 其他分享 >前端歌谣的刷题之路-第十四题-设置盒子的一个宽和高

前端歌谣的刷题之路-第十四题-设置盒子的一个宽和高

时间:2023-09-06 13:06:12浏览次数:34  
标签:圆角 题目 歌谣 前端 设置 第十四 盒子 刷题


 

目录

前言

题目

核心代码

总结


前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 本题目源自于牛客网 微信公众号前端小歌谣

题目

请将html模块的div元素设置为一个半径是50px的圆,且边框为1px的黑色实线。

要求:

1. 圆角属性仅设置一个值

2. 圆角属性单位请使用px

注意:由于圆角属性设置广泛且都可以实现题目效果,所以请按照要求规范书写

前端歌谣的刷题之路-第十四题-设置盒子的一个宽和高_圆角

前端歌谣的刷题之路-第十四题-设置盒子的一个宽和高_html_02编辑

核心代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>设置盒子的宽和高</title>
  <style type="text/css">
    /*补全代码*/
    .box{
      width:100px;
      height:100px;
      padding:20px;
      margin:10px;
    }
</style>
</head>
<body>
  <!-- 请将html模块类为"box"的div元素宽度和高度都设置为100px,且内间距为20px、外间距为10px。 -->
  <div class="box">
  </div>
</body>
</html>

前端歌谣的刷题之路-第十四题-设置盒子的一个宽和高_html_03

总结

本题主要考察盒子模型 没什么多说的 欢迎一起学习交流


标签:圆角,题目,歌谣,前端,设置,第十四,盒子,刷题
From: https://blog.51cto.com/u_14476028/7385154

相关文章

  • 【刷题笔记】39. Combination Sum
    题目Givena set ofcandidatenumbers(candidates) (withoutduplicates) andatargetnumber(target),findalluniquecombinationsin candidates wherethecandidatenumberssumsto target.The same repeatednumbermaybechosenfrom candidates unlim......
  • 代码随想录算法训练营第十四天|二叉树的递归法、迭代法
    二叉树的递归遍历(前中后序遍历-递归法与迭代法)递归三部曲:确定递归函数的参数和返回值确定终止条件确定单层递归的逻辑递归法对二叉树进行前中后序遍历(力扣144.145.94.)//前序遍历·递归·LC144_二叉树的前序遍历classSolution{publicList<Integer>preorderTra......
  • 【Leetcode刷题记录】各种排序算法
    前言:这篇文章总结一下学习的几种排序算法,假设要对一个vector<int>数组进行降序排序,数组中一共有n个数。1、冒泡排序思想:冒泡排序的思想就是一共进行n-1次循环,每次循环把范围内最小的数冒到最后面。因此用内为双循环,外循环为冒泡的次数,内循环为每次冒泡的范围,通过比较和......
  • 【刷题笔记】35. Search Insert Position
    题目Givenasortedarrayandatargetvalue,returntheindexifthetargetisfound.Ifnot,returntheindexwhereitwouldbeifitwereinsertedinorder.Youmayassumenoduplicatesinthearray.Example1:Input:[1,3,5,6],5Output:2Example2:I......
  • 前端歌谣的刷题之路-第十一题-伪类选择器
     目录前言题目 核心代码总结前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷本题目源自于牛客网......
  • 前端歌谣的刷题之路-第十二题-伪元素
     目录前言题目核心代码总结前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷本题目源自于牛客网......
  • 刷题[Leetcode]3. 无重复字符的最长子串
    3. 无重复字符的最长子串classSolution{public:  intlengthOfLongestSubstring(strings){    if(s.size()==0)return0;    unordered_set<int>unset;    intmaxLen=0;    intleft=0;    for(intright=......
  • 第十四章 集合类库(上)
    14.1集合的概述14.1.1集合的由来当需要在Java程序中记录单个数据内容时,则声明一个变量。当需要在Java程序中记录多个类型相同的数据内容时,声明一个一维数组。当需要在Java程序中记录多个类型不同的数据内容时,则创建一个对象。当需要在Java程序中记录多个类型相同的对象数......
  • 刷题技巧
    刷题几个阶段:1,第一遍:知道。直接看答案,不要自己想,了解所有最优解,方法技巧第一。做题套路,以印象为主。2,第二遍:熟悉。过easy题,记住;做medium,重点题背,反复背。最简单会,大多不会。记住做题套路,以记住为主。3,第三遍:做题。做easy题;做部分medium题,hard题有思路。夯实medium基础。熟练运......
  • 力扣刷题指南
    众所周知,力扣涵盖了大部分算法面试题,国内外知名科技公司都会在上面挑选题目用于面试环节,所以要想找到一份好工作,刷力扣题一定是程序员小伙伴的不二之选。但对于刚启蒙的程序员小白来说,上力扣网站刷题的方法眼花缭乱,哪一种才是最有效的?这里力扣君还得再强调一下,网站刷题方法虽多,......