CSS常用简单语法笔记

最新推荐文章于 2024-08-28 17:54:22 发布

小白在努力！

最新推荐文章于 2024-08-28 17:54:22 发布

阅读量120

点赞数 1

分类专栏： HTML CSS 文章标签： css html

本文链接：https://blog.csdn.net/giserhfbuie/article/details/114780895

版权

HTML 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

CSS

7 篇文章 0 订阅

订阅专栏

<html>
    <head>
     <style>
       a{
           text-decoration: none;/*decoration里面默认是underline，这里把她改为none,这样就可以去掉下划线*/
       }
       #dl{/*id选择器需要前加#*/
        width: 300px;
        height: 40px;/*这里的height是文字高*/
        line-height: 40px;/*这里行高，让line-height=height，就可以让让文字垂直居中*/
        text-align: center;
        cursor: pointer;/*cursor是光标，也即是鼠标放上去会变成小手指*/
        background-color: #e4393c;
        border-color: #e85356;
        color: blanchedalmond;
        text-align: center;
    }
    </style>
    </head>
    <body><!--行内元素不能用center居中-->
        <div style="text-align: center;">
        <a href="http://www.baidu.com" target="_blank">百度</a><!--_blink打开新页面-->
    </div>
        <div id="dl">登录</div><!--块级元素可以居中-->
        <!--行内元素和块级元素互相转化用block/inline-->
        <span style="display: block;text-align: center;width: 500px;">西安</span><!--行内元素转化成块级元素-->
        <div style="display: inline;">武汉</div><!--块级元素转化成行内元素-->
    </body>
</html>

小白在努力！

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS常用简单语法笔记

<html> <head> <style> a{ text-decoration: none;/*decoration里面默认是underline，这里把她改为none,这样就可以去掉下划线*/ } #dl{/*id选择器需要前加#*/ width: 300px; height: 40px;/*这里的height是文字高*/ line-hei.
复制链接

扫一扫