您的位置:首页 > 教程 > CSS > 如何去掉css字体的上下空白

如何去掉css字体的上下空白

2021-05-17 07:39:34 来源:易采站长站 作者:

如何去掉css字体的上下空白,空白,字体,标签,文件,设置为

如何去掉css字体的上下空白

易采站长站,站长之家为您整理了如何去掉css字体的上下空白的相关内容。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

新建一个html文件,命名为test.html,用于讲解css字体的上下空白如何去掉。在test.html文件内,使用p标签创建三个单独段落。

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <style type="text/css">            </style></head><body><div class="mycss">    <p>cmcc</p>    <p>cmcc</p>    <p>cmcc</p></div></body></html>

在css标签内,将margin属性设置为0,用于去掉css字体的上下空白。

<style type="text/css">        p{            margin:0;        }    </style>

查看效果:

GIF.gif

以上就是关于对如何去掉css字体的上下空白的详细介绍。欢迎大家对如何去掉css字体的上下空白内容提出宝贵意见

微信扫一扫

易采站长站微信账号