学习周记③

最新推荐文章于 2021-12-21 11:01:43 发布

Gggc

最新推荐文章于 2021-12-21 11:01:43 发布

阅读量64

点赞数 1

本文链接：https://blog.csdn.net/SwagGccc/article/details/115190385

版权

CSS 背景颜色列表样式边框样式 HTML元素

关键词由CSDN通过智能技术生成

CSS背景
css背景属性用于定义HTML元素的背景
背景颜色

<style>
body
{
	background-color:#b0c4de;
}
</style>

这里的背景颜色可以有以下三种方式定义：
十六进制 - 如："#ff0000"
RGB - 如：“rgb(255,0,0)”
颜色名称 - 如：“red”
———————————————————————————————
CSS列表
css列表分为有序列表、无序列表和列表标记的图像。
首先在

<style>
ul.a {list-style-type:circle;}
ul.b {list-style-type:square;}
ol.c {list-style-type:upper-roman;}
ol.d {list-style-type:lower-alpha;}
</style>
</head>

<body>
<p>无序列表实例:</p>

<ul class="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<ul class="b">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<p>有序列表实例:</p>

<ol class="c">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="d">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

</body>

———————————————————————————————
CSS边框
CSS边框属性允许你指定一个元素边框的样式和颜色。
border-style属性用来定义边框的样式
在这里插入图片描述

<style>
p.one 
{
	border-style:solid;
	border-width:5px;
}
p.two 
{
	border-style:solid;
	border-width:medium;
}
p.three
{
	border-style:solid;
	border-width:1px;
}
</style>
</head>

<body>
<p class="one">一些文本。</p>
<p class="two">一些文本。</p>
<p class="three">一些文本。</p>
<p><b>注意:</b> "border-width" 属性 如果单独使用则不起作用。要先使用 "border-style" 属性来设置边框。</p>
</body>