css怎么使字体和图片 |css 登录框

/*控制字体的样式*/
body {
font-family: Arial, sans-serif; /*用Arial或sans-serif字体*/
font-size: 16px; /*字体大小为16px*/
font-weight: 400; /*字体粗细为400*/
color: #333; /*文字颜色为#333*/
}
h1 {
font-size: 28px; /*h1标签的字体大小为28px*/
font-weight: 700; /*h1标签的字体粗细为700*/
color: #000; /*h1标签的文字颜色为黑色*/
}
p {
line-height: 1.5; /*行高为1.5倍文字高度*/
}
/*控制图片的样式*/
img {
width: 100%; /*图片宽度为父元素的100%*/
height: auto; /*高度会按比例自动调整*/
display: block; /*图片设置为块级元素*/
margin: 0 auto; /*水平居中*/
border: none; /*去掉边框*/
}

以上代码中，大家使用了font-family属性来控制字体的样式，大家可以指定一个字体，如Arial，如果该字体不存在，则会自动使用系统默认的sans-serif字体。font-size属性用来设置字体大小，font-weight属性用于控制字体的粗细程度。color属性用于设置文字颜色。

对于图片，大家使用了width属性设置其宽度为100%，并将高度按比例自动调整，以保持图片的原始比例。display属性将图片设置为块级元素，这样可以让图片独占一行。margin属性用于控制图片的外边距，实现水平居中的效果。border属性可以控制图片是否带有边框。

这就是CSS如何控制字体和图片的样式，通过简单的几行代码，大家可以轻松地指定所需的样式，让网页看起来更加美观。