自学前端—day 4
CSS部分
margin 设置所有外边距属性。
margin:10px 5px 15px 20px;
上外边距是 10px
右外边距是 5px
下外边距是 15px
左外边距是 20px
margin:10px;
所有 4 个外边距都是 10px
设置固定的背景图片
body
{
background-img:url('a.jpg');
background-repeat:repeat;/*重复图片*/
background-attachment:fixed;/*设置背景固定*/
}
设置文本边框
border-style:dotted solid double dashed; /*上点,右实线,下双实线。左虚线*/
设置不同元素的背景颜色
<style>
h1
{
background-color:rgba(113, 58, 180, 0.867);
}
p
{
background-color:#da2f5a;
}
div
{
background-color:#2464b8;
}
</style>
</head>
<body>
<h1>标题是紫色</h1>
<div>
背景是蓝色
<p>段落是红色</p>
背景仍然是蓝色!
</div>
设置文本对齐
text-align: justify;/*两端对齐*/
text-align: center/*中心对齐*/
text-align:left/*左对齐*/
text-align:right/*右对齐*/
设置链接在另一个窗口打开
<a href="www........" target="_blank">描述网页</a>
使链接以图像的形式呈现
<p>创建图片链接:
<a href="http://www.网址.">
<img border="10" src="图像地址.jpg/gif" alt="描述" width="32" height="32">
</a>
</p>