步骤如下:

1、首先打开电脑上自带的记事本程序,然后输入html网页基本结构语句。

2、由于css样式必须在标签

之间,因此我们点击后面,输入标签。

3、在head标签之间输入样式标签,然后定义一些属性,例如

body {background-color: yellow} 定义网页背景色为黄色;

h1 {background-color: #00ff00} 定义h1标签背景色为#00ff00;

h2 {background-color: transparent} 定义h2标签背景色为透明;

p {background-color: rgb(250,0,255)} 定义p标签背景色为rgb值;

p.no2 {background-color: gray; padding: 20px;} 这个定义class属性为no2的p标签背景色为灰色,并且边距为20px;

4、然后点击body标签后面输入正文标签内容,例如

这是KING

这是KING

这是KING

这个KING设置20内边距。

5、点击记事本菜单中的文件,选择另存为,把内容保存为html网页格式。双击打开预览效果。

6、我们可以发现代码中两个同样的

标签显示的css样式却不同,区别就在于样式中定义的p.no2,这就是正文代码中class="no2"的优势所在,可以定义个性风格。

css背景随机,CSS如何随机定义网页中的背景颜色相关推荐

  1. html语言设置网页背景,HTML+CSS入门 设置网页中的背景图片的5个属性

    本篇教程介绍了HTML+CSS入门 设置网页中的背景图片的5个属性,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 在css代码中设置背景图片的方法,包括背景图片.背景重复 ...

  2. Flash CS4网页中Flash背景透明

    Flash CS4网页中Flash背景透明 之前一直纳闷,为什么有的flash广告会在Html网页上说透明的,看了这个了解大概.转之... ============================== ...

  3. css编程设置网页背景,网页中cssbackground背景图和背景颜色的设置方法

    CSS 背景这里指通过CSS对对象设置背景属性,如网页中通过CSS设置背景各种样式. Css background背景作用:设置纯色背景.背景background可以设置对象纯色的背景颜色,设置图为背 ...

  4. css设定div固定比例,响应式网页中,如何只用CSS实现div的高和宽保持固定比例

    BundleConfig.cs namespace Knockout.App_Start { public class BundleConfig { public static void Regist ...

  5. css改火狐滚动条样式_CSS在火狐中设置滚动条颜色

    如果你在IE浏览器下设置滚动条颜色: body { scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#fff; scrollbar-sh ...

  6. Chrome 谷歌浏览器下载网页中的背景图、图标等

    教程如下 以清华大学登录页面为例,如果想要下载该页面的背景图片,是不能直接右键另存为下载的,因为此时下载的是html文件,而不是我们想要的背景图.jpg文件. 1.首先右键选择检查,在弹出的页面中点击 ...

  7. div css sprites精灵-CSS图像拼合 CSS贴图定位网页背景素材图片拼合定位布局技术教程

    div css sprites精灵-CSS图像拼合 CSS贴图定位网页背景素材图片拼合定位布局技术教程篇与css sprites实例篇 css sprites拼合背景图片素材实现布局效果截图 一.什么 ...

  8. html如何设置打印分页打印出来,网页中如何用 CSS 设置打印分页符

    Word 中按 Ctrl + Enter 创建一个分页符,方便打印,其实网页中也可以,用 CSS 的 page-break-after:always;. 第 1 页 第 2 页 第 3 页 任何浏览器 ...

  9. HTML+CSS基础训练之实现一个“真实”的网页~

    @一个"真"的网页 实现一个真的网页- 经过了前几次的实验,相信大家已经对网页布局有了初步的了解,那么这一次就让我们来做个"真网页"吧! 文章展示页是非常非常常 ...

  10. css图片精灵定位_DIV CSS Sprites精灵 CSS图像拼合 CSS背景贴图定位教程案例

    div css sprites精灵-CSS图像拼合 CSS贴图定位网页背景素材图片拼合定位布局技术教程篇与css sprites实例篇 css sprites拼合背景图片素材实现布局效果截图 一.什么 ...

最新文章

  1. 【Qt】通过QtCreator源码学习Qt(八):插件生命周期及对应状态(代码走读)
  2. java c++的区别_Java语言与C、C++之间的区别?
  3. Quartus11中新建工程
  4. linux 文件类型 管理,Linux的文件类型及用户管理
  5. 在Linq to Sql中管理并发更新时的冲突(3):使用记录的时间戳进行检测
  6. OpenCV图像列表创建者imagelist creator的实例(附完整代码)
  7. 文件的使用python_python-文件的使用
  8. Web前端开发JavaScript基础(3)
  9. Spring容器创建过程
  10. include 与 Widget
  11. php和mysql web开发 5_WEB开发圣经:PHP和MySQL Web开发(原书第5版) 原版pdf+完整源码...
  12. 麻省理工线性代数第二讲
  13. 离散数学 左孝凌-教材与习题解析-分享
  14. 关于ORA-00257问题的解决(归档程序错误)
  15. 网络视频流 -- ffmpeg 推流
  16. lintcode刷题——左叶子的和
  17. Android 获取时间戳
  18. linux+psp+模拟器下载,PSP1.5模拟器全教程+最新版本下载(最终版)
  19. iOS打包Framework
  20. 关于win8的各种版本的区别

热门文章

  1. vue jsx v html,Vue 中使用jsx示例
  2. Labwindows扫盲+技巧贴,CVI学习必看
  3. 硬件级光线追踪:移动游戏图形的变革时刻
  4. 科研笔记1:科研绘图
  5. win7 显示文件扩展名
  6. linux shell 加密shc,使用shc工具加密shell脚本详解
  7. trajan算法求lca 超级详细配图讲解
  8. usnews 计算机专业排名,2020USNEWS计算机科学专业排名
  9. 电子计算机的诞生与发展
  10. Yolov3中先验框生成