css如何让导航根据内页变化而文字变化

html-css016

css如何让导航根据内页变化而文字变化,第1张

设置下a标签就行了，比如：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns=" http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题文档</title>

<style type="text/css">

a{ color:#000text-decoration:none}

a:hover{ color:#F00}

.menu{ width:1004pxheight:30pxbackground: #999}

.menu ul{ padding:0margin:0list-style:none}

.menu ul li{ float:leftline-height:30pxpadding:0 10px}

</style>

</head><body>

<div class="menu">

<ul>

把css写入html文件内部，称为嵌入式Embedding（也叫内页样式），即在网页上创建嵌入的样式表。内部样式表如下：

<head>

<style type="text/css">

body {background-color: red}

p {margin-left: 20px}

</style>

</head>

当单个文件需要特别样式时，就可以使用内部样式表。可以在 head 部分通过 <style>标签定义内部样式表。