首页 > 其他分享 >HTML5+CSS3集训(15)

HTML5+CSS3集训(15)

时间:2024-07-01 17:29:43浏览次数:19  
标签:CSS3 15 solid height 1px black HTML5 background border

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
    *{margin: 0;padding: 0;}
         .q1{
            border:1px solid black;
            background:pink;
            height:40px;
         }
         .q2{
            border:1px solid black;
            height:500px;
            width:250px;
            background-color:orange;
            float:left;
         }
         .q3{
            border:1px solid black;
            width:100%;
            background-color:blue;
            height:500px;
         }
         .q4{
               border:5px dotted aqua;
         }
         .q5{
            border:1px solid black;
            background:pink;
            height:40px;
            clear:both;
         }
        </style>
</head>
<body>
    <div class="q4">
    <div class="q1">
    </div>
    <div class="q2"></div>
    <div class="q3"></div>
    <div class="q5"></div>
</div>
</body>
</html>

标签:CSS3,15,solid,height,1px,black,HTML5,background,border
From: https://blog.csdn.net/2301_78986604/article/details/140105114

相关文章

  • HTML5+CSS3集训(14)
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>p180</title></head><body><divclass="container"><divclass="top"......
  • 15.初识操作符 下
    单目操作符介绍~:按(二进制)位取反有关带符号整数的二进制的三种表示:原码,反码,补码int32个bit表示-1原码10000000000000000000000000000001(最左边是符号位,0正1负,剩余是数值位,数值为表示真值-1的绝对值) 反码:负数:在原码基础上数值位0改1,1改0(即按位取反),符号位不变正数:原......
  • Java环境配置-JDK15
    准备jdk-15安装包下载网址:https://www.oracle.com/java/technologies/javase/jdk15-archive-downloads.html配置步骤步骤一——安装1、双击运行exe2、选择安装地址,然后点击下一步步骤二——配置环境变量1、复制jdk15目录的路径2、点击此电脑——>属性——>系统——>......
  • css3动画实现数字动态增加
    要实现数字的动态增加效果,可以使用CSS3的@keyframes规则来创建动画,并使用JavaScript来更新数字。以下是一个简单的实现示例:HTML:<divid="counter"class="counter">0</div>CSS:.counter{/*初始样式*/}@keyframesincreaseNumber{from{opacity:0;transfo......
  • 【burpsuite安全练兵场-客户端15】基于DOM的漏洞-7个实验(全)
    目录一、基于DOM的漏洞1、DOM2、污染流漏洞3、共同来源4、会导致基于DOM漏洞的汇点5、防止基于DOM的污染流漏洞二、反射型DOM、存储型DOM三、控制Web消息源1、简述:2、影响:3、使用Web消息作为攻击源构建攻击实验1:使用Web消息的DOMXSS实验2:使用Web消息和JavaS......
  • HTML5+CSS3+JS小实例:图片九宫格
    实例:图片九宫格技术栈:HTML+CSS+JS效果:源码:【HTML】<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0">......
  • 代码随想录算法训练营第九天|151.翻转字符串里的单词,卡码网:55.右旋转字符串
    151.翻转字符串里的单词题目链接:151.反转字符串中的单词-力扣(LeetCode)题目要求是给定一个字符串,要求把里面的单词进行倒序输出,并且要删除里面多余的空格。我的第一种做法是把里面的字符串提取出来,然后倒序放入一个新的字符串中,这样空间复杂度会比较高,也AC了,但肯定不是最......
  • 23201115-邓俊豪-第三次blog
    目录blog2前言关于难度和题目量关于知识点设计与分析pta-7一、项目简介二、项目实现三、项目测试四、代码示例五、总结六、代码分析pta-8一、项目简介二、项目实现三、项目测试四、代码示例五、总结六、代码分析改进建议blog2前言关于难度和题目量前三次大作业难度属于偏难水......
  • (五)DeepSpeed Chat: 一键式RLHF训练,让你的类ChatGPT千亿大模型提速省钱15倍
    DeepSpeedChat:一键式RLHF训练,让你的类ChatGPT千亿大模型提速省钱15倍如需引用DeepSpeedChat,请引用我们的arxivreport:@article{yao2023dschat,title={{DeepSpeed-Chat:Easy,FastandAffordableRLHFTrainingofChatGPT-likeModelsatAllScales}},autho......
  • 生信实证系列Vol.15:如何用AlphaFold2,啪,一键预测100+蛋白质结构
    ​​ "结构就是功能"——蛋白质的工作原理和作用取决于其3D形状。​2020年末,基于深度神经网络的AlphaFold2,一举破解了困扰生物学界长达五十年之久的“蛋白质折叠”难题,改变了科学研究的游戏规则,可以从蛋白质序列直接预测蛋白质结构,实现了计算机蛋白质建模极高的精确度。​自A......