HTML css盒子模型

2021-10-01 12:35:04 字數 907 閱讀 4177

盒子模型:

盒子屬性

1.border-style邊框模式 (border-top-style上部;border-bottom-style下部;border-left-style左;border-right-style右)

2.border-width邊框畫素(border-top-width上部;border-bottom-width下部;border-left-width左;border-right-width右)

3.border-color邊框顏色 (border-top-color上部;border-bottom-color下部;border-left-color左;border-right-color右)

4.樣式綜合設計:border-style:上右下左。

5.border:寬度 樣式 顏色。

內行距屬性

1.padding-top:上內邊距

padding-right:右內邊距

padding-bottom:下內邊距

padding-left:左內邊距

外邊距屬性

1.margin-top

margin-left

margin-right

margin-bottom

設定背景 顏色

background-color

background-image:url(**)

平鋪屬性,background-repeat (no-repeat repeat-x水平 repeat-y豎直)

盒子寬度高度

HTML CSS盒子模型

本篇文章 本文講述了css盒子模型的一些基本關鍵字。lang en charset utf 8 盒子模型title p,div pdiv style head 熱愛生命 我不去想是否能夠成功 既然選擇了遠方 便只顧風雨兼程 我不去想能否贏得愛情 既然鍾情於玫瑰 就勇敢地吐露真誠 我不去想身後會不會襲...

html CSS的盒子模型

css的盒子模型1 邊框 border 上 border top 下 border bottom 左 border left 右 border right 內補丁 paddings 內邊距 上 padding top 下 padding bottom 左 padding left 右 padding...

HTML CSS之盒子模型

一 元素分類 css中html的標籤元素大體分為三種型別 1 塊狀元素 特點 每個塊級元素都從新的一行開始,並且其後的元素也另起一行 乙個塊級元素獨佔一行 元素的高度 寬度 行高以及頂和底邊距都可設定 元素寬度在不設定的情況下,是它本身父容器的100 和父元素的寬度一致 除非設定乙個寬度。塊狀元素轉...