HTMl--基础样式的使用

style

table tr td p img

margin: 5px auto;水平居中

text-align: center;垂直居中

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>网页</title><style type="text/css">.box{text-align: center;margin: 5px auto;padding: 0px;width: 100%;height: 250px;}</style>
</head>
<body>
<table border="2px" width="100%"><!-- 3行3列 --><tr><td colspan="3" bgcolor="yellow"><p align="center"><img src="data:images/2.jpg" alt="图片" class="box"></p></td> </tr><tr><td width="20%"><table><tr><td>《礼记》<ol><li>修身</li><li>治国</li><li>齐家</li><li>平天下</li></ol></td></tr></table></td><td width="25%"><table width="100%"><tr><td colspan="2" align="center"><h2>诗词欣赏</h2></td></tr><tr><td width="80%"><img src="data:images/3.jpg" alt="" width="600" height="330"></td><td width="30%"><pre><font size="6">  静夜思
床前明月光，
疑是地上霜。
举头望明月，
低头思故乡。</font></pre></td></tr></table></td><td width="55%"><table width="100%"><tr><td align="center">飞云顶</td></tr><tr><td align="center">龟台何岧峣，下临西极天。<br>灵妃舞云轺，嬉游携列仙。<br>鲸波忽簸荡，浮来知几年。<br>至今三青鸟，犹巢珠树颠。</td></tr></table></td></tr><tr><td><table width="100%"><td>中国古代四大名著<ul><li><a href="#">西游记</a></li><li><a href="#">水浒传</a></li><li><a href="#">红楼梦</a></li><li><a href="#">三国演义</a></li></ul></td></table></td><td><table width="100%"><tr><td align="center">音乐欣赏</td></tr><tr><td align="center"><audio src="transfer.mp3" controls="controls">此浏览器不支持该音频播放</audio></td></tr></table></td><td><table width="100%"><tr><td align="center">视频欣赏</td></tr><tr><td><video src="梵高星空动态.mp4" width="100%" height="240" controls="controls" poster="images/a3.png">此浏览器不支持该视频播放</video></td></tr></table></td></tr>
</table></body>
</html>

HTMl--基础样式的使用相关推荐

Bootstrap—基础样式定义
本章主要是介绍Bootstrap默认的基础样式定义,利用这些基础的定义相互组合,完成页面的整体风格定义甚至是更具体的效果. Bootstrap应该是一个基础工具,它的好处在于已经帮你定义了一个基础的样 ...
bootstrap-导航（基础样式）
1.运行效果如图所示 2.实现代码如下 <!DOCTYPE html> <html> <head><meta charset="utf-8" ...
Tailwind教程2 - 基础样式
Tailwind教程2 - 基础样式这节讲一讲日常经常使用的基础样式,来实现一个文件夹的样式的标签页: 基础模板如下: <!doctype html> <html><h ...
CSS基础样式和排版文本段落
一.CSS基础样式 1.字体属性 font-family是字体属性 font-family:后面可以直接打出来字体的样式,或者直接选择 font-family: Times,"Times N ...
小程序看练代码02--模板、封装模板，include模板，wxs，全局样式，导入样式，微信基础样式库，hover-class等，过渡动画，空格使用，图片懒加载，ico图标，图像vh居中，矢量库，表单
1.定义及使用模板模板没有自己的js,也没有自己的监听,而是直接使用页面的js和监听.请更倾向去使用组件 <text>模板的使用</text> <!--模板的定义,要给 ...
CSS（二）元素基础样式、字体属性、文本属性
目录一.元素基础样式 1. 尺寸和单位 2. 颜色 3. 边框 4. 元素的分类 5. 显示和隐藏属性二.字体属性三.文本属性一.元素基础样式 1. 尺寸和单位宽度width和高度heigh ...
CSS基础样式属性设置
文章目录 css基础样式与属性设置一.宽和高二.字体属性 1. font-family:文字字体 2.font-size:字体大小 3.font-weight:文字粗细 4.font-style: ...
layui 常用的css,使用layui xtree插件最基础样式
pageEncoding="UTF-8" %> //这一句不用管.... $('.header-nav-item:eq(2)').addClass('nav-active') ...
Web前端开发css基础样式总结
颜色和单位的使用颜色用颜色的名字表示颜色,比如:red 用16进制表示演示比如:#FF0000 用rgb数值表示颜色,rgb(红,绿,蓝),每个值都在0-255之间一般都用16进制表示颜色单 ...
vue 组件不受全局样式影响_组件库引入全局样式lib/style/index.css,会污染全局基础样式...
I have searched the issues of this repository and believe that this is not a duplicate. Version 1.3. ...

HTMl--基础样式的使用

HTMl--基础样式的使用相关推荐

最新文章

热门文章