首先打开电脑上自带的记事本程序,然后输入html网页基本结构语句。htmlbody/body/html
创新互联-成都网站建设公司,专注成都做网站、成都网站制作、网站营销推广,域名与空间,网络空间,网站改版维护有关企业网站制作方案、改版、费用等问题,请联系创新互联。
由于css样式必须在标签head/head之间,因此我们点击html后面,输入head/head标签。
在head标签之间输入样式标签style/style,然后定义一些属性,例如
style type="text/css"
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;
/style
然后点击body标签后面输入正文标签内容,例如
h1这是KING/h1
h2这是KING/h2
p这是KING/p
p class="no2"这个KING设置20内边距。/p
点击记事本菜单中的文件,选择另存为,把内容保存为html网页格式。双击打开预览效果。
我们可以发现代码中两个同样的p标签显示的css样式却不同,区别就在于样式中定义的p.no2,这就是正文代码中class="no2"的优势所在,可以定义个性风格。
还可以选择用html设置,如下:
颜色自己调,可以用取色器查看颜色,例如background-color:#789999; 如果需要加边框可以用border属性
在CSS样式表 添加
该div 的clss类名 {
background: red(加你自己想要的颜色)
}
例子:
.content {
background: red;
}
-----------------------------------------------
div class="content"
/div
设置背景颜色的代码就是background-color:颜色值,即可.
下面我们一起来看下具体的代码吧:
首先在html中创建一个元素,这个元素需要是块级元素,如果不是的话,我们需要改变元素为块级
1:块级元素设置背景颜色:
创建div块级元素,然后在行内写上background-color:red,即可设置背景颜色为红色
2.行内元素设置背景颜色:
我们创建一个a标签,然后将标签改为块级元素,代码"display:block"然后设置背景颜色即可,代码"background-color:green",此案例设置背景颜色为绿色
以上就是html中设置背景颜色的方法
background-color:
background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域,扩展到元素边框的外边界(但不包括外边距)。如果边框有透明部分(如虚线边框),会透过这些透明部分显示出背景色。
1、图为黑色、红色和紫色的HTML颜色代码表:
2、图为碧色、蓝色、绿色HTML颜色代码表:
3、图为绿色、黄色、橙色HTML颜色代码表:
4、图为深红色、棕色、深紫色HTML颜色代码表:
超文本标记语言,标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。