HTML 中的这个用css这个怎么写啊,刚学,老师让写,没头绪啊?
发布网友
发布时间：2022-04-23 10:44
共4个回答
热心网友
时间：2022-04-14 15:47
① 这里涉及：无序列表--宽度设置；文本对齐--左对齐；背景颜色--渐变；边框--颜色和圆角；超链接--下划线，字体颜色；鼠标悬浮hover伪类选择器；
② 依据这些知识点复习强化相关练习，就算找书看一个一个慢慢做也可以，那样可以增强知识记忆，自己亲手写过的才是最好的；
③ 个人总结：
热心网友
时间：2022-04-14 17:05
如果一个文件夹不是软件默认的，就需要自己手动去创建
所以，你要在你要存储的磁盘上新建一个文件夹命名为CSS，然后在DW里面创建的CSS文件保存在这个文件夹里面就可以了。
解释的很清楚反而不好，最好自己去实践下！希望帮助到你！
热心网友
时间：2022-04-14 18:39
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
* {
margin: 0;
padding: 0;
}
.box{
padding-bottom: 20px;
margin: 0 auto;
width: 300px;
border: solid 1px #ccc;
border-radius: 5px;
background: linear-gradient(blue,#fff 30%);
}
.title{
font-size: 16px;
border-bottom: solid 1px #fff;
padding: 10px 20px;
}
.new{
padding: 0 30px;
}
.new>li{
border-bottom: #ccc 1px dashed;
padding: 10px 0;
}
.new>li>a{
color: #000;
text-decoration: none;
}
.new>li:hover{
font-size: 20px;
}
</style>
</head>
<body>
<div class="box">
<p class="title">实时热点</p>
<ul class="new">
<li><a href="">华盛顿大规模*</a></li>
<li><a href="">任正非卸任副董事</a></li>
<li><a href="">中国IT领袖峰会</a></li>
<li><a href="">欧文手术宣布成功</a></li>
<li><a href="">京城迎最佳赏花期</a></li>
</ul>
</div>
</body>
<script>
</script>
</html>
热心网友
时间：2022-04-14 20:31
使用css的background-img实现渐变背景，使用border添加边框，使用:hover添加伪类样式，使用color实现改变字体颜色
