HTML如何给div容器设置大小,边框,背景颜色,位置

news/2024/10/21 17:31:55/

本次实验是在 Visual Studio Code软件里面所写

在<body>正文标签里面添加div容器,随便写几个字

<body><div>大家好,我是一名运维工程师</div>
</body>

在<head>头部标签里面添加<style>样式标签

 在style标签里面给div添加样式:

        div{width: 150px;    //div宽为150像素height: 150px;   //div高为150像素border: 2px solid blue;    //div设置边框,边框粗度为2px,实线,颜色为蓝色background-color: green;    //div背景颜色为绿色margin: 66px auto;     //以浏览器左上角为原点,向下移动66px,左右居中}

效果图:

 


http://www.ppmy.cn/news/856568.html

相关文章

div边框设置

一&#xff0e;彩色边框 &#xff1a;这里使用的是蓝色"blue" <div STYLE"border-style:solid;border-width:5pt; border-color:颜色">日志文字</div> 二&#xff0e;双线边框&#xff1a;这里使用的是"red" <div STYLE"b…

html如何设置div的边框颜色

html如何设置div的边框颜色 边框颜色样式边框颜色样式设置缩写简化 边框颜色样式 border-color:#000&#xff08;设置4边边框颜色为黑色&#xff09; border-color:颜色值&#xff0c;即可设置对象边框颜色 border-left-color:#000 设置左边框颜色为黑色 border-right-color:#…

给div加边框和颜色

div{ width:200px;height:100px;border:solid 10px #f00} CSS3 overflow-y 属性 实例 裁剪 div 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话&#xff1a; div { overflow-y:hidden; }亲自试一试 浏览器支持 所有主流浏览器都支持 overflow-y 属性。 注释&#xff1a;…

给Div添加边框颜色

<div style "border:solid 1px red; "></div> 例如&#xff1a;<div idLayer1 style"display:block; float:left;border:solid 1px red; position:absolute; width:160.627451px; height:124.784314px;left:13.803922px;top:26.117647px;&quo…

【机器学习】特征降维 - 方差选择法VarianceThreshold

「作者主页」&#xff1a;士别三日wyx 「作者简介」&#xff1a;CSDN top100、阿里云博客专家、华为云享专家、网络安全领域优质创作者 「推荐专栏」&#xff1a;对网络安全感兴趣的小伙伴可以关注专栏《网络安全入门到精通》 方差选择法 一、方差科普二、方差选择API三、获取数…

Spring5学习笔记--详细一文通

Spring5学习笔记--详细一文通 1 Spring 框架概述1.1 Spring 5 简述1.2 Spring5入门案例1.2.1 Spring5下载1.1.2 打开 idea 工具&#xff0c;创建普通 Java 工程1.2.3 导入 Spring5 相关 jar 包1.2.4 创建普通类&#xff0c;在这个类创建普通方法1.2.5 创建 Spring 配置文件&…

LGame-0 3 Android与JavaSE游戏引擎 正式发布,新增SRPG制作模块

2011-05-27 留言:目前svn中有一个0.3的小补丁(LGame-Android-Core-0.3(revise).jar),修正了在初始化设置Mode.Fill时的自适屏低效问题。另外增加了Max(将游戏View大小设置为手机屏幕极限大小)和FitFill(成比例的全屏游戏画面(未必会填充满整个屏幕),游戏View将随着maxSc…

小程序-uni-app:实现锚点连接/锚点跳转(uni.pageScrollTo、scroll-into-view)

Uniapp支持锚点连接&#xff0c;可以通过以下步骤实现锚点连接 一、在需要设置锚点的页面&#xff0c;为需要跳转的部分设置id属性。 例如&#xff0c;设置一个id为“section1”的元素&#xff1a; <div id"section1">这是需要跳转到的部分</div>二、…