<html><head><title>字体颜色设置</title><style type="text/css">.font{color: red;background: yellow;}</style></head><body><span class="font">字体的颜色设置</span></body></html>效果：
1<span style="background-color: yellow; font-style: italic;">这是斜体且有黄色背景的文字</span> 为整个文本块设置背景色, 为个文本块设置背景色而不仅仅是文字本身,可以将背景色应用于一个容纳文字的较大的HTML元素,如<div>。例如,如果您想设置一个既包含斜体文本又有背景色的文本块 1<div style="bac...
接下来，我们讲字体标签font，其有三个常用属性，分别是：size（字体大小）、color（字体颜色）、face（字体类型）。具体语法：<font size=”7” color=”yellow” face=”隶书”>你好，你好呀</font> 其中，字体大小分为七个等级，分别从数字1到数字7，依次增大。1号字体最小，7号字体最大，默认（不写的情况...
2. 几个常用属性 2.1 前景色(color:) style="color:blue" 2.2 背景色(background-color:) style="background-color:yellow" 2.3 字体大小(font-size:) style="font-size:20px" 2.4 对齐(text-align) style="text-align:center;" 左对齐:默认 居中:center 右对齐:right 3. 引用方式 3.1 内联样式 使用...
<p style="font-size:30px">This text is 30 pixels high</p> </body> </html> style 属性的作用: 提供了一种改变所有 HTML 元素的样式的通用方法。 HTML 样式实例 - 背景颜色 background-color 属性为元素定义了背景颜色 <html> <body style="background-color:yellow"> ...
background: yellow; } p { color: red; font-size: 30px; } h1 { color: aqua; } </style> </head> <body> <div>我是中国人</div> <h1>目录</h1> <p>你好</p> <p style="color:black">中国</p></body></html> 将样式写在head元素的style元素中 ...
color:red; } a:visited{ color:blue; } a:hover{ color:green; } a:active{ color:yellow; } .test:hover{ background:chartreuse; } .top,.bottom{ width:100px; height:40px; background-color:gray; } .top:hover{ background-color:green; ...
background-color: yellow; font-weight: bold; } </style> <p class="highlight">这是一个使用.highlight类样式的段落。</p> <p class="highlight">这是另一个使用.highlight类样式的段落。</p> ``` 3.使用css文件来定义样式,并在HTML文件中引入: HTML文件(例如index.html): ``` <!DOCTYPE html...
最简单的设置背景颜色:找到<body>标记,在里面打个空格输入bgcolor="这里写颜色的英文,也可以是16进制,如"#0099FF".想插背景图片输background="这里是图片地址"若要改文字颜色.在文字两端加<font>标记,在里面输入color="写英文或16进制,同上!"整体效果:<font color="#0099FF" size="1">这里是...
<p style="color:blue;margin-left:20px;">这是一个段落。</p> HTML样式实例 - 背景颜色 背景色属性(background-color)定义一个元素的背景颜色: 实例 <bodystyle="background-color:yellow;"><h2style="background-color:red;">这是一个标题</h2><pstyle="background-color:green;">这是一个段落。<...