CSS基础（九）-- 边框及其他样式之增加高度

ancan9144

于 2019-08-30 10:41:00 发布

阅读量243

点赞数

原文链接：http://www.cnblogs.com/lirongyang/p/11303354.html

版权

本文通过实例讲解了CSS中如何设置div的高度和字体大小，演示了如何使用内联样式为div元素添加边框、设置宽度和高度，并调整字体大小。

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

随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。

#------------------------------------------------我是可耻的分割线-------------------------------------------

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>input系列</title>
</head>
<body>
    <div class="c1 c2" style="border:1px red dotted;width:50%;height:100px"> nihaone</div>
</body>
</html>

效果：

height:100px表示高度，注意：高度不能按照百分比方式展示，因为高度无上限。

设置字体大小

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>input系列</title>
</head>
<body>
    <div class="c1 c2" style="border:1px solid red; width:50%; height:100px; font-size:30px;"> nihaone</div>
</body>
</html>

效果：