html入门基础今日要点总结

最新推荐文章于 2024-07-16 23:56:30 发布

无恙·佳

最新推荐文章于 2024-07-16 23:56:30 发布

阅读量321

点赞数 1

分类专栏：日记文章标签： html css css3

本文链接：https://blog.csdn.net/weixin_63708120/article/details/121592633

版权

日记专栏收录该内容

5 篇文章 1 订阅

订阅专栏

1.下面这段代码把css去渲染HTML元素标签的行内样式，刚开始照着教程中的例子去练习，但是运行结果显示不全，经过询问学姐，知道自己的错因是使用style属性时格式错误，正确应该是style="...;...;...",中间每一个用分号隔开，而最后一个不需要用分号隔开。这些都是细节问题但很关键，已修改代码如下：

<body>
		<div style="opacity:0.5;position:absolute;left:50px;width:300px;height:150px;background-color:red"></div>
		<div style="font-family:verdana;padding:20px;border-radius:10px;border:10px solid #EE872A">
			<div style="opacity:0.3;position:absolute;left:120px;width:100px;height:200px;background-color:#8AC007"></div>
		<h3>Look! Style and colors</h3>
		<div style="letter-spacing:12px">Manipulate Text</div>
		<div style="color:#40B3DF">colors
		<span style="background-color:#B4009E;color:#ffffff">Boxes</span>
		</div>
		<div style="color:#000000">and more...</div>
		</div>
	
		</body>
</html>

padding填充

border画边框，它可以定义边框线的类型、宽度和颜色

3.给导航菜单加分割线

可以用css的border的扩展属性画了边框的一条边

画边框的单边与上例的边框的四条边类似，一条边框的四条边的属性如下：

边框线：border-top(上边框线）

border-right(右边框线）

border-bottom(下边框线）

border-left（左边框线）

无恙·佳

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
html入门基础今日要点总结

1.下面这段代码把css去渲染HTML元素标签的行内样式，刚开始照着教程中的例子去练习，但是运行结果显示不全，经过询问学姐，知道自己的错因是使用style属性时格式错误，正确应该是style="...;...;...",中间每一个用分号隔开，而最后一个不需要用分号隔开。这些都是细节问题但很关键，已修改代码如下：<body> <div style="opacity:0.5;position:absolute;left:50px;width:300px;height:...
复制链接

扫一扫