内嵌式CSS样式＜style＞

东篱下の悠然

于 2021-03-08 09:12:57 发布

阅读量3.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaWeb

本文链接：https://blog.youkuaiyun.com/wenya13/article/details/114519493

JavaWeb 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何在HTML中使用<style>标签定义样式，通过实例展示了如何设置文本颜色和对齐方式，提升网页设计效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<style>定义和用法

必选属性type用于指明<style>元素的内容，目前仅支持“text/css”一个值。

定义好CSS样式后，可以重复使用，让网页制作更高校快捷，代码重用性更高。

属性

在这里插入图片描述

样例代码：

在这里插入图片描述

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>HTML style 属性的使用</title>
			<style type="text/css">
				h1 {color: orange; text-align: center}
				p {color: balck}
			</style>
	</head>
	
	<body>
		<h1>orange center head</h1>
		<p>a black paragraph</p>
	</body>
</html>