Rumah > Artikel > hujung hadapan web > HTML调用CSS管理、美化div的方法
HTML调用CSS管理、美化div的方法
- 一个新手asal
- 2017-09-22 10:35:191999semak imbas
CSS布局，关键在于HTML文件和CSS文件相对应。在HTML中，对各p的包含关系作层次分明的设计，然后在CSS文件中对样式、字体等式进行设计。 
HTML文件
<body><p class=p_body>
<p class=p_header> p_header </p>
<p class="p_views">
p_views
<p class="p_views_post"> p_views_post <?php echo $post ?> </p>
<p class="p_views_auther"> p_views_auther </p>
p_views
</p>
<p class=p_floot> p_floot <?php echo $copyright ?> </p></p></body>CSS文件
.p_body {
background-color: darkcyan;
}
.p_header {
background-color: lightblue;
font-size: 72px;
margin-top: 30px;
padding-left: 30px;
}
.p_views {
background-color: blueviolet;
margin-top: 10px;
padding-left: 30px;
padding-right: 30px;
font-size: 48;
}
.p_views_post {
background-color: aliceblue;
}
.p_views_auther{
background-color: yellowgreen;
}
.p_floot
{
font-size:40px;
background-color: lightblue;
margin-top: 10px;
padding-left: 30px;
padding-right: 30px;
}Atas ialah kandungan terperinci HTML调用CSS管理、美化div的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：用number输入框限制输入数字位数、字体随数字长度变化方法Artikel seterusnya：关于http、https、http/2的知识