columns多列1-6编程练习

最新推荐文章于 2022-07-24 11:10:55 发布

请叫我二狗哥

最新推荐文章于 2022-07-24 11:10:55 发布

阅读量293

点赞数

分类专栏： CSS与html

cnblog博客：https://www.cnblogs.com/f6056/

本文链接：https://blog.csdn.net/weimob258616/article/details/102499005

版权

这是一篇关于使用CSS进行多列布局编程的练习，主要内容包括：设置一个400px宽且带有5px边框的多列盒子，标题采用14号字体、加粗、居中，并用特定背景色；将文字分成两列，每列宽度140px，正文文字大小为12号，采用两端对齐的排版方式。

摘要由CSDN通过智能技术生成

columns多列1-6编程练习

综合所学知识，设置一段文字分成两列。

效果图如下：

任务

(1)多列盒子宽度为400px;有5像素的边框;

(2)标题14号字体、加粗、居中显示，有背景颜色：如果不(255,192,203);

(3)将文字分成两列，每列列宽为140px，正文文字12号字体、两端对齐显示。

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

  <title></title>
  <style>
    .columns {
      width: 400px;
      border: 5px solid pink;
    }

    .columns .title {
      /* 此处输入代码 */

    }

    .columns .columns_width {
      /* 此处输入代码 */

      
    }
  </style>
</head>

<body>
  <div class='columns'>

最低0.47元/天解锁文章

请叫我二狗哥

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
columns多列1-6编程练习

columns多列1-6编程练习综合所学知识，设置一段文字分成两列。效果图如下：任务(1)多列盒子宽度为400px;有5像素的边框;(2)标题14号字体、加粗、居中显示，有背景颜色：如果不(255,192,203);(3)将文字分成两列，每列列宽为140px，正文文字12号字体、两端对齐显示。<!DOCTYPE html><html>...
复制链接

扫一扫

专栏目录