HTML5:b元素

勤奋的程哥

已于 2022-03-12 08:58:02 修改

阅读量1.2k

点赞数 1

文章标签： html5 前端 html

于 2022-03-12 00:14:14 首次发布

本文链接：https://blog.csdn.net/hsjajwbsbsjs/article/details/123436188

版权

大家好，我是阿闽。今天最关键的C语言考试结束了，提前半小时离开考场（快快夸夸我嘿嘿）。闲话唠到这里，今天我们继续复习HTML元素

b元素

含义
父元素
局部属性
子元素
标签用法
默认CSS样式
网站真实代码
手撸代码示例

含义

标记一段文字，可表示强调，也可表示文章提要中的关键词和产品评论中的产品名称、

父元素

可以包含短语元素的任何元素

局部属性

无

子元素

所有短语元素

标签用法

开始标签和结束标签

默认CSS样式

b {
	font-weight: bolder;
}

网站真实代码

b元素

手撸代码示例

<!DOCTYPE HTML>
<html lang="ch">
<head>
    <meta charset="utf-8">
    <title>b元素示例</title>
    <style type="text/css">
        :root{
            background: repeating-linear-gradient(lightpink ,pink, lightpink 200px) round ;
        }
        div{
            width: 500px;
            margin-left: calc(50% - 250px);
            border: 1px solid transparent;
            border-radius: 20px;
            background: repeating-linear-gradient(to right, pink, transparent, pink),
            repeating-linear-gradient(lightblue,  #10d010,  lightblue 100px);

            box-shadow: 10px 10px 9px rgba(0, 100, 0, 0.80);
        }
        div h1{
            text-align: center;
        }
        div p{
            text-indent: 2em;
            text-align: left;
        }
        b{
            text-decoration: underline;
        }
    </style>
</head>
<body>
<div>
    <b><h1>遇大西安</h1></b>
    <p>西安，各朝各代建都之地，名副其实之古都。</p>
    <p>身为湖北人，我从未想到会和这所城市有这场邂逅。四年前，我最爱的表哥考入西安工程大学，这座城市首次正式进入我的视野。</p>
    <p>谁也没想到，四年后，我也来了。只不过我考的是<b>西安电子科技大学</b>。于是，我也开始了摸爬滚打的大学生活。</p>
    <p>在这座充满机遇的城市，我还能开辟出一片属于自己的天地吗？岁月自会解答。</p>
</div>
</body>
</html>