HTML/CSS基础教程 三
2020-12-13 05:36
标签：style class blog c code java 下面介绍一个非常常用的标签: 生成三个长度和宽度都为50像素,背景颜色分别为红,蓝,绿的三个块, 简单表示如下: 我们可以在这些块上添加链接. 这样"red"将显示红色. 我们已经知道关于表的所有东西了, 这里介绍一个闭用表格式化文本更有用的东西---格式化图片. 1.第一步, 创建一个m*n的表格, 这里以1*3为例 2.第二步, 在每一个 3.选做, 可以为图片添加链接. 下面是一个例子: 效果是这样的: PS:这个照片墙是3*3的,这里只选了一张图片, 并且每个图片的链接都是www.qq.com. HTML/CSS基础教程 三,搜素材,soscw.com HTML/CSS基础教程 三 标签：style class blog c code java 原文地址：http://www.cnblogs.com/ezhengnan/p/3737525.html一. 块
DOCTYPE html>
html>
head>
title>Divisiontitle>
head>
body>
div style="width:50px; height:50px; background-color:red">div>
div style="width:50px; height:50px; background-color:blue">div>
div style="width:50px; height:50px; background-color:green">div>
body>
html>
红
蓝
绿
二.
body>
p>This text is black, except for the word span style="color:red">red!span>p>
body>
三. 表的另一个用途---照片墙
DOCTYPE html>
html>
head>
link type="text/css" rel="stylesheet" href="stylesheet.css" />
title>My Photo Pagetitle>
head>
body>
table>
thead>
th>PhotoTableth>
thead>
tr>
td>
a href="http://www.qq.com">
img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQOaHlmg3BSaQWCeooH8MiWTLt-asuuY3GC14ZWJ2L3soLLfy_JOQ" />
a>
td>
td>
a href="http://www.qq.com">
img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQOaHlmg3BSaQWCeooH8MiWTLt-asuuY3GC14ZWJ2L3soLLfy_JOQ" />
a>
td>
td>
a href="http://www.qq.com">
img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQOaHlmg3BSaQWCeooH8MiWTLt-asuuY3GC14ZWJ2L3soLLfy_JOQ" />
a>
td>
tr>
table>
body>
html>