一、css什么是clip屬性?
clip屬性剪裁絕對定位元素。clip屬性允許定義一個元素的可見尺寸,當一幅圖像的尺寸大于包含此元素時,此圖像就會被修剪并顯示為這個元素定義的形狀。
1.語法
img{
position:absolute;
clip:rect(0px,60px,200px,0px);
}
代碼示例:
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title></title>
<style>
.demo{
width:200px;
height:500px;
margin:50pxauto;
}
img{
border:1pxsolid#000;
}
.img{
position:absolute;
clip:rect(0px,165px,200px,34px);
}
</style>
</head>
<body>
<pclass="demo">
<h5>原圖:</h5>
<imgsrc="css.jpg"width="200"height="131"/>
<h5>裁剪后</h5>
<imgclass="img"src="css.jpg"width="200"height="131"/>
</p>
</body>
</html>
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
【資料圖】最近小編看到大家都在討論廈門哪家理發店最好相關的事情，對此呢小編也是非常的感應興趣，那么這件事究竟是怎么發生的呢？具體又是怎么回事呢？下面就是小編搜索到的關于廈門哪家理發店最好事件的相關信息，我們一起來看一下吧！1、精藝美發：位于廈門市思明南路182號附近定安商業廣場1層；2、恩尚造型：位于廈門市同安區中山路136號；3、超凡造型：位于廈門市思明區何厝頂何176號；4、小雨絲絲：位于廈門...
(資料圖片僅供參考)關于倩女幽魂禮包的知識大家了解嗎？以下就是小編整理的關于倩女幽魂禮包的介紹，希望可以給到大家一些參考，一起來了解下吧！倩女幽魂禮包領取需要激活和使用序列號。序列號激活和使用的步驟如下:1、登錄倩女幽魂客戶端，選擇服務器后，輸入帳號密碼登錄；2、然后進入新建角色頁面，填寫創建角色的職業、膚色、發色、性別并給角色取名字；3、連續點擊角色下方的名稱選項三次，出現序列號輸入窗口；4、輸...
南方現金通e安全嗎?南方現金通e是由南方基金公司發行的貨幣基金產品,南方現金通e屬于低風險、低收益類的理財產品,所以是比較安全的。但投資者還是要謹慎投資，畢鏡投資都是有風險的。南方現金通e的產品特點如下:1、隨充隨用:充值后可實時購買其他基金。2、購基0折起:轉購其他前端收費基金認申購費0折起。3、實時取現:充值份額T+ 1確認后，取現最快一秒到賬;快速取現服務非法定義務,提現有條件，依約可暫停。...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）
