css文件中如何设置text样式

发布网友发布时间：2022-04-06 10:33

共5个回答

热心网友时间：2022-04-06 12:02

设置css文件中text样式

首先打开操作软件这里用DW编辑工具：取一个css名字为text；

<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312" />
<title>效果区</title>

</head>
<body>
<style>
.text{ width:200px; height:200px; background:#09C; color:#FFF; font-size:18px; font-weight:bold; text-indent:2em; text-align:left;}
</style>
<div class="text">
文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域
</div>
</body>
</html>

实现效果图如下：

详解：设置一个css样式取名：text，定义一个宽度与高度分别为200px。

其次设置一个背景颜色background:#09C;

字体颜色为白色 color:#FFF;

字体的大小为18xp：font-size:18px;

设置字体为粗体：font-weight:bold;

字体靠左对齐：text-align:left;

字体首行缩进2个文字(2em)：text-indent:2em;

热心网友时间：2022-04-06 13:20

css写在专门的css文件中，那么称之为“外部样式表”。
让文件中的样式生效，首先需要再页面上引入css文件，引入的语法格式如下：
<link type="text/css" rel="stylesheet" href="css/mycss.css">
href为连接地址。
之后，就是使用css选择器，为网页元素添加样式了。

热心网友时间：2022-04-06 14:55

你只的是表单元素还是文本？

如果是表单元素，那直接控制input就可以了，如果是文本，那就控制文本所在的元素。

希望我的回答对你有用！

热心网友时间：2022-04-06 16:46

举个例子：.text{font-family:"宋体";font-size:14px;line-height:20px;color:#000}代码对应字体、大小、行高，字体颜色。

热心网友时间：2022-04-06 18:54

.text{font-size:12px;color:#000000;}

<input type="text" class="text">

<p class="text">
这里文字也应用样式中定义的text。。
</p>