CSS教程 盒子综合案例

 时间:2026-04-22 14:05:15

1、新建一个 Box.html 文件,如图所示

CSS教程 盒子综合案例

2、输入 <!DOCTYPE html> 作用:使用html5的标准,如图所示:

CSS教程 盒子综合案例

3、输入网页结构的头部和主体,设置title为:盒子综合案例,如图所示:

CSS教程 盒子综合案例

4、定义一个div盒子,要求实现如下效果:

1)盒子宽350,高150;

CSS教程 盒子综合案例

5、2)盒子边框线为5px的蓝色虚线,内外边距分别是10px和5px;

CSS教程 盒子综合案例

6、3)盒子背景颜色为黄色;

CSS教程 盒子综合案例

  • 使用dreamwaver创建文字、表格、插入图像
  • Dreamweaver如何编辑站点
  • Dreamweaver如何设置HTML外观属性
  • Linux ubuntu 17如何使用图形界面创建设置账户
  • HTML实现图片幻灯片切换源代码使用教程
  • 热门搜索
    罗浮山旅游攻略 海南旅游攻略自由行 重庆旅游必去的地方 巴基斯坦旅游多少钱 太原旅游景点大全 经典旅游路线 国家旅游局提示:赴韩国旅游风险 深圳香港旅游 中国旅游经济蓝皮书 杭州到乌镇旅游