打HTML代码的基础常识(快速理解入手)

本文讲解了HTML中嵌入css和JavaScript的基本方法,包括使用<style>和<script>标签,以及如何利用css3实现图片阴影和圆角效果。同时,还探讨了展开/收起按钮的常见问题及解决思路。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

打HTML代码的基础常识

1.在HTML中嵌入 css和JavaScript
1、在html源代码中想要实现css的样式 就必须用 <style> </style> 标签
一般放在 <head></head> 之间
如图1
在这里插入图片描述

/2、在html源代码中想要实现JavaScript的样式 就必须用 <script> </script>标签,一般放在 <head></head> 或者<body></body>
如图2
在这里插入图片描述

2.展开/收起 按钮的失误
点击一次展开按钮时无反应,收起和展开按钮点击事件相反,优先考虑是否是js代码打错
如图3
在这里插入图片描述

3.鼠标移上去之后图片有明显被选中的效果
图片的阴影是 css3中的box-shadow 向边框添加阴影部分
如图4
在这里插入图片描述

4.圆角效果
用 css3
指定圆角边框的圆角半径:border-radius
指定左上角的圆角半径:border-top-left-radius
指定右下角的圆角半径:border-bottom-right-radius
效果图

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值