首页 > 其他分享 >HTML内嵌CSS让三个DIV并列在一行中

HTML内嵌CSS让三个DIV并列在一行中

时间:2022-12-17 14:46:24浏览次数:68  
标签:内嵌 333 HTML 111 DIV CSS

DIV内嵌CSS:

<div style="width:98%;margin:auto;">
    <div style="width:30%;height:300px;background-color:rgb(145, 176, 145);float:left;">111</div>
    <div style="width:40%;height:300px;background-color:rgb(118, 118, 221);float:left;">222</div>
    <div style="width:30%;height:300px;background-color:rgb(165, 100, 100);float:right;">333</div>
</div>
DIV居中:style="width:90%;margin:auto;" 111 222 333

CSS方式写法:https://blog.csdn.net/weixin_32309879/article/details/117859974

 

标签:内嵌,333,HTML,111,DIV,CSS
From: https://www.cnblogs.com/v5captain/p/16988964.html

相关文章

  • 【HTML基础篇002】HTML之form表单超详解
    ......
  • 前端知识学习案例4-开发企业网站4-编写html结构代码2
    ......
  • Codeforces Round #838 (Div. 2)
    题目链接A核心思路:首先我们得清楚一个点,那么就是如果有不符合条件的数列,那么我们也只有以下两种操作:把其中一个偶数变为奇数把其中一个奇数变为偶数所以这个问题就......
  • CSS3 上传图片虚线边框
    .upload-area{margin-top:1.25rem;border:none;background-image:url("data:image/svg+xml,%3csvgwidth='100%25'height='100%25'xmlns='http://www.w3.o......
  • CSS单行/多行文本溢出隐藏
    前言在日常开发展示页面,如果一段文本的数量过长,受制于元素宽度的因素,有可能不能完全显示,为了提高用户的使用体验,这个时候就需要我们把溢出的文本显示成省略号对于文本的溢......
  • 40 个超棒的免费 Bootstrap HTML5 网站模板
     ​​​​Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网......
  • Codeforces Round 838 (Div. 2)
    B.MakeArrayGood题意:给定n个数,每次可以对其中一个数进行操作,其中,在操作数量不超过n的前提下,构造一种操作使得任意两个数中,大的数可以被小的数整除。分析:结论:所......
  • HTML5&CSS3.0基础部分目录-xyphf
    [置顶]​​CSS3.0入门笔记​​[置顶]​​animate.css动画库使用方法介绍​​[置顶]​​聊一聊HTML5的表单,话说这些表单你都用过吗?​​[置顶]​​聊一聊HTML5存储......
  • Codeforces Round #837 (Div. 2)
    A.HossamandCombinatorics(CF1771A)题目大意给定一个长度为\(n\)的数组\(a\),问有多少个数对其差的绝对值等于该数组的极差。解题思路若最大值和最小值相等,则答案......
  • div的使用
    div:盒子模型(块级元素)border:边框总写:border-color:边框颜色例:(顺时针顺序+对称原则)border-color:redblueyellowpink;分写:border-top-color:上边框颜色......