CSS learning

最新推荐文章于 2024-07-10 23:34:24 发布

hooocc

最新推荐文章于 2024-07-10 23:34:24 发布

阅读量296

点赞数 7

分类专栏： Front-End 文章标签： css 前端

本文链接：https://blog.csdn.net/hooocc/article/details/136049212

版权

Front-End 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

1.Add an external style sheet with the URL: "mystyle.css".

<head>
<link rel="stylesheet" href="mystyle.css">
</head>

2.Set "background-color: linen" for the page, using an internal style sheet.

<head>
<style>
body{
 background-color:linen;
}
</style>
</head>

3.Set "background-color: linen" for the page, using an inline style.

<body style="background-color: linen">

4.Set "paper.gif" as the background image of the page.

<style>
body{
 background-image:url(paper.gif);
}
</style>

5.Specify that the background image should be shown once, in the top right corner.

<head>
<style>
body {
  background-image: url("img_tree.png");
  background-position:top right;
  background-repeat:no-repeat;

}
</style>
</head>

6.Use the shorthand background property to set background image to "img_tree.png", show it once, in the top right corner.

<head>
<style>
body{
  background-image:url(img_tree.png);
  background-repeat:no-repeat;
  background-position:top right;

}
</style>
</head>

7.Set a "4px", "dotted" border for

p{
 border-style: dotted;
 border-width: 4px;
}

8.With the border property: Set the border for p to "10px", "solid" and "green".

p{
  border:10px solid green;
}

9.Use the margin property to set the top and bottom margins for <h1> to "50px", and left and right margins to "25px".

margin: 50px 25px;

10.Remove underlines for visited and unvisited links, specify "underline" for the hover and active link states.

a:link {
 text-decoration:none; 
}

/* visited link */
a:visited {
  text-decoration:none;
  
}

a:hover {
  text-decoration:underline;
}

/* selected link */
a:active {
  text-decoration:underline;
}

hooocc

关注

7
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
CSS learning

【代码】CSS learning。
复制链接

扫一扫

专栏目录

CSS learning

“相关推荐”对你有帮助么？