Box Model

作者: handle_d717 | 来源:发表于2019-09-29 09:03 被阅读0次

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8"> 

<title>Box Model</title>

<style>

div.ex

{

width:220px;

padding:50px;

border:20px solid gray;

margin:50px;

border-style:dotted;

outline:#00FF00 dotted thick;

}

</style>

</head>

<body>

<img src="250x250px.gif" width="250" height="250" />

<div class="ex">上面的图片是250 px宽。

这个元素的总宽度也是250 px。</div>

</body>

</html>

F12 打开浏览器去观察

相关文章

  • Introduction to CSS(3)- The box

    The box model In HTML, every element is considered a box....

  • Box model

    盒子模型概念: 盒子模型(Box Model)是CSS控制页面时一个很重要的概念。 content edge or...

  • Box Model

    Box Model div.ex { width:220px; padding:50...

  • box-sizing布局笔记

    首先学习box-sizing布局之前,来了解一下css盒子模型(Box Model) 盒子模型(Box Model...

  • csslintrc

    {"box-model": false,"adjoining-classes": false,"box-sizin...

  • 盒子模型

    CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是...

  • 标准盒模型&怪异盒模型

    css盒模型(Box Model) 所有的HTML元素可以看作盒子,在css中,“box model”这一术语是用...

  • 盒子模型&BFC

    盒子模型 (Box Model) 所有的HTML元素都可以看作盒子,在 CSS 中,“box model”这一术语...

  • Flex布局

    Flexible Layout Box Model 常见的布局模型 Layout Model block-layo...

  • web前端入门到实战:CSS 解决背景显示范围的问题

    过去在学习CSS的时候,首要任务就是要理解“box model”,因为box model是CSS里头很重要的模型概...

网友评论

      本文标题:Box Model

      本文链接:https://www.haomeiwen.com/subject/tsnxpctx.html