相框通常由一个矩形背景和一个包含照片的图像组成。可以使用 CSS 选择器和属性来创建相框的基本样式。
“`css
background-color: #f00;
使用 background-size 属性可以设置背景的大小。例如，以下代码将设置背景大小为 100% 并填充整个屏幕：
“`css
background-size: 100% 100%;
选择器可以帮助大家选择相框的图像。可以使用 CSS 选择器来选择文件或文件夹中的图片，或者通过输入 URL 来直接选择网络上的图片。例如，以下代码将选择名为“example.jpg”的图片：
“`css
大家还可以使用 CSS 选择器来设置相框的宽度和高度，以及相框的背景颜色和文本样式。例如，以下代码将创建一个宽度为 200 像素、高度为 100 像素的相框，并设置背景为黑色：
“`css
width: 200px;
height: 100px;
background-color: #000;
最后，大家可以使用 CSS 选择器来添加相框的文本和标题。可以使用 CSS 选择器来添加文本和标题，并设置它们的位置、字体和颜色。例如，以下代码将创建一个带有标题“Hello World”的相框：
“`css
width: 200px;
height: 100px;
background-color: #000;
text-align: center;
font-size: 20px;
color: #fff;
.title {
font-size: 30px;
color: #fff;
text-align: center;
以上就是使用 CSS 制作相框的基本样式和制作方法。通过使用 CSS 选择器和属性，大家可以轻松地创建美观且功能强大的相框。