背景图片（BackgroundImage）

`background-image`属性用于为元素设置背景图片，如：

```css

body{

background-image:url("background.jpg");

```

将页面背景设为指定的图片。

背景重复（BackgroundRepeat）

`background-repeat`属性控制背景图片是否重复，常用值包括`repeat`、`no-repeat`、`repeat-x`和`repeat-y`。例如：

```css

.bg-repeat{

background-repeat:no-repeat;

```

此代码段将类名为`.bg-repeat`的元素背景图片设置为不重复。

HTML边框样式

边框样式（BorderStyle）

边框样式通过`border-style`属性定义，常用的值有`solid`（实线）、`dashed`（虚线）、`dotted`（点状线）等。例如：

```css

.box-border{

border-style:solid;

```

将类名为`.box-border`的元素边框设置为实线。

边框宽度（BorderWidth）

边框宽度通过`border-width`属性设置，可以使用像素值或`thin`、`medium`、`thick`这些预定义宽度。例如：

```css

.box-border{

border-width:2px;

```

将元素的边框宽度设为2像素。

边框颜色（BorderColor）

边框颜色用`border-color`属性定义，其值可以是颜色名称、十六进制代码或RGB值。例如：

```css

.box-border{

border-color:red;

```

将元素边框颜色设为红色。

HTML尺寸样式

宽度（Width）

元素的宽度通过`width`属性设置。可以使用像素值或百分比来定义，如：

```css

.content-width{

width:50%;

```

将内容区域（`.content-width`类）的宽度设为父元素宽度的50%。

高度（Height）

元素的高度用`height`属性定义，用法与`width`类似，例如：

```css

.box-height{

height:100px;

```

将元素的高度设为100像素。

综上所述

HTML基础样式的掌握是构建现代网页的基石。通过掌握字体样式、文本样式、布局样式、颜色与背景样式以及边框和尺寸样式，不仅可以为网页内容赋予美观的外在形式，还能改善用户的浏览体验。这些基础技能使得网页设计师能够更自由地在数字世界中创造和表达，无论是对于个人网站还是大型企业平台，HTML基础样式的灵活运用都至关重要。通过本篇文章的介绍和指导，相信你已经对HTML基础样式有了全面和深入的了解，为你的网页设计之旅奠定了坚实的基础。