利用 HBuilderX 设置公司简介页面

简介: 利用 HBuilderX 设置公司简介页面

设置公司简介页面

1.设置整个“公司简介”模块宽度为920px,字号为14px;

2.设置“公司简介”标题字号为16px,行高为50px,底部边框为1px实线,颜色为#DDD;

3.所有段落设置首行缩进2字符,行高为2em,两端对齐;

4.两处强调文本效果如图所示;

5.设置图片宽度为220px,高度为130px,边框为3px双实线,边框颜色为#0072C6;

6.设置图文混排效果,两张图都向右边浮动;7.设置图片与左边文本距离为40px(margin-left:40px;);

边框样式:

border-style属性:

border-style属性是边框必须设置的一个属性,常用样式有dashed(虚线)、dotted(点线)、solid(实线);border-style属性取值可以从一至四,上下左右边框可分别设置不同边框线。例:border-style:dotted solid double;展示效果为左右边框为实线,上为虚线,下为双细实线,具体区别可实践论证。

border-width属性

注:border-width属性常用像素值来定义边框的宽度

border-color属性

默认的边框颜色是元素本身的前景色,如果没有为边框声明颜色,它将与元素的文本颜色相同,如果元素没有任何文本,边框颜色就是其父元素的文本颜色。

border-color:red;
border-color:#00ff00;
border-color:rgb(0,0,255);

注:border-color单独使用不起作用,须先使用border-style来设置边框样式

单边框属性:

border-top-style 上边框的样式

border-top-style 上边框的宽度

border-top-style 上边框的颜色

border属性:

border属性即border-styleborder-widthborder-color属性的简写。例:border:2px solid #000;

源代码:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>羊了个羊</title>
    <style type="text/css">
      *{
        margin: 0;
        padding:0;
      }
      article{
        width:920px;
        font-size:14px;
      }
      .main h2{
        line-height:50px;
        font-size:16px;
        border-bottom: 1px solid #ddd;
      }
      .main img{
        width:220px;
        height: 130px;
        float: right;
        border:3px double #0072c6;
        margin-left:40px;
      }
      .main p{
        text-indent: 2em;
        line-height: 2em;
        text-align:justify;
      }
      .main strong{text-decoration: underline;}
      .main em{
        font-style: normal;
        color:red;
        font-weight:bold;
      }
    </style>
  </head>
  <body>
    <article class="main">
    <h2>羊了个羊</h2>
    <img src="img/羊了个羊.webp">
    <p><em>《羊了个羊》</em>是一款网络上的卡通背景消除闯关游戏,游戏利用各种道具和提示来消除每一个关卡当中的障碍和陷阱。 
随着热度不断攀升,有玩家也指出《羊了个羊》游戏玩法不算创新、涉嫌抄袭等问题,
虽然目前微信小游戏商业配套设施已经完善,但是质疑的声音也在向从业者提示着风险。 
2022年9月13日,《羊了个羊》在微博爆火,游戏官方还未正式推出安装包,
想玩的朋友可以在微信小程序或者抖音小程序QQ小程序搜索。</p>
    <img src="img/羊.jpg">
  <p>2022年9月,《羊了个羊》被曝抄袭“3tiles”:玩法一模一样,仅更换图标。  
2022年9月,据羊了个羊官方微博,由于该游戏过于火爆,《羊了个羊》出现了宕机的情况,服务器2天崩了3次。
    由于游戏火爆程度超预期,2022年9月13日《羊了个羊》官方已经开始急召后端服务器开发。官方称“推荐入职的奖励五千,自荐入职的奖金五千”。 
2022年9月,北京简游科技有限公司已对“羊了个羊”进行软件著作权登记,该软件首次发表日期为2022年6月13日,登记批准日期为2022年7月29日。 
2022年9月,据官方介绍《羊了个羊》的App版本已经提交App Store平台审核。 
微博数据还显示,截至2022年9月19日,与“羊了个羊”相关的话题阅读量超过60亿人次,总互动超过540万次。</p>
  </body>
</html>

运行至浏览器:

注:仅以百科内容作为实例文字展示,不包含源作者观点。


目录
相关文章
|
9月前
|
人工智能 自然语言处理 数据可视化
阿里云连续6年入选Gartner® ABI魔力象限报告,中国唯一
Gartner®发布2025年《分析与商业智能平台魔力象限》报告。报告显示,阿里云凭借其核心数据分析产品 Quick BI 入选该报告“挑战者”象限,这也是阿里云连续六年入选Gartner ABI魔力象限报告。
|
机器学习/深度学习 人工智能 自然语言处理
【自然语言处理】python之人工智能应用篇——文本生成技术
文本生成是指使用自然语言处理技术,基于给定的上下文或主题自动生成人类可读的文本。这种技术可以应用于各种领域,如自动写作、聊天机器人、新闻生成、广告文案创作等。
1009 8
利用 HBuilderX 设置新闻中心版式
利用 HBuilderX 设置新闻中心版式
383 2
利用 HBuilderX 设置新闻中心版式
|
存储 编译器 C语言
C语言:数组名作为类型、作为地址、对数组名取地址的区别
在C语言中,数组名可以作为类型、地址和取地址使用。数组名本身代表数组的首地址,作为地址时可以直接使用;作为类型时,用于声明指针或函数参数;取地址时,使用取地址符 (&),得到的是整个数组的地址,类型为指向该类型的指针。
1368 4
|
存储 C语言
【C语言基础考研向】10 字符数组初始化及传递和scanf 读取字符串
本文介绍了C语言中字符数组的初始化方法及其在函数间传递的注意事项。字符数组初始化有两种方式:逐个字符赋值或整体初始化字符串。实际工作中常用后者,如`char c[10]=&quot;hello&quot;`。示例代码展示了如何初始化及传递字符数组,并解释了为何未正确添加结束符`\0`会导致乱码。此外,还讨论了`scanf`函数读取字符串时忽略空格和回车的特点。
725 8
|
机器学习/深度学习 编解码 人工智能
当前VR技术的限制与挑战:深入剖析与未来展望
【8月更文挑战第26天】当前VR技术在技术、内容、市场等多个层面仍面临诸多限制与挑战。然而,随着技术的不断创新和市场的逐步成熟,这些限制和挑战将逐渐得到克服。未来,VR技术有望在更多领域发挥重要作用,为用户带来更加丰富、便捷的沉浸式体验。我们期待VR技术的持续进步和广泛应用,共同见证这一科技领域的辉煌未来。
1286 2
|
机器学习/深度学习 搜索推荐 算法
推荐系统的矩阵分解和FM模型
推荐系统的矩阵分解和FM模型
378 0
|
存储 Kubernetes 监控
Kubernetes集群管理的最佳实践
【7月更文挑战第25天】遵循上述最佳实践可以显著提升Kubernetes集群的管理效率、安全性和性能。然而,每个集群的环境和需求都是独特的,因此在实际操作中还需根据具体情况进行调整和优化。希望本文能为你管理Kubernetes集群提供一些有益的参考。
高效、可泛化的高斯重建框架,只需3张视图即可快速推理,45秒便可完成优化
【6月更文挑战第12天】MVSGaussian是一种新型3D高斯表示方法,利用多视图立体技术进行高效、可泛化的高斯重建,仅需3张视图就能快速推理。它采用几何感知的高斯表示和混合高斯渲染,实现实时新视图生成与高质量重建。通过多视图几何一致聚合策略,MVSGaussian能快速优化场景。在多种数据集上表现出优越性能,但受限于输入图像质量和数量,且训练与优化过程可能耗时。论文链接:[Fast Generalizable Gaussian Splatting Reconstruction from Multi-View Stereo](https://arxiv.org/abs/2405.12218)
430 3

热门文章

最新文章

下一篇
开通oss服务