img和文本元素不可选的css设置

出现的场景

1.移动端开发时,img标签是最顶层,长按就会弹出img图片提示保存图片或者出现黑框
2.长按选中某一段文本
解决方法:

在body元素、img元素上加如下css样式:

body{
 -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;//禁止用户选中
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当然可以!HTML和CSS都是用来创建网页的基本技术,如果你只需要一个简单的静态页面,那么使用HTML和CSS就足够了。 HTML用来结构化页面内容,而CSS则用来控制页面的样式和布局。你可以使用HTML标签来创建文本、图像、链接和表格等元素,然后使用CSS设置字体、颜色、背景、边框、布局等样式。 以下是一个简单的HTML和CSS示例,用于创建一个带有标题、文本和图像的页面: ```html <!DOCTYPE html> <html> <head> <title>My Webpage</title> <style> body { background-color: #f2f2f2; font-family: Arial, sans-serif; margin: 0; padding: 0; } h1 { font-size: 36px; color: #333; text-align: center; margin-top: 50px; } p { font-size: 18px; color: #666; text-align: justify; margin: 20px; } img { display: block; margin: auto; width: 50%; height: auto; margin-top: 50px; margin-bottom: 50px; } </style> </head> <body> <h1>Welcome to My Webpage</h1> <p>This is a sample paragraph of text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In hendrerit nisl sit amet purus porta, at bibendum urna mattis. Sed vel ullamcorper mi, vel mollis enim. Sed euismod eget tellus ac facilisis. Suspendisse potenti. Nulla sit amet ipsum ut ex pretium pharetra. </p> <img src="https://www.w3schools.com/images/w3schools_green.jpg" alt="W3Schools"> </body> </html> ``` 这个示例创建了一个简单的网页,其中包括一个标题、一个段落和一张图片。CSS样式定义了页面的背景色、字体、颜色、对齐方式以及图片的大小和位置。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值