這個CSS怎麼寫?帶斜邊,css怎麼做斜線

2022-05-10 14:30:35 字數 3505 閱讀 7837

1樓:前端晨話

**如下:

html:

css:

#div3 {

position: relative;

width: 300px;

height: 200px;

background-color: yellow;

.arrow-top {

position: absolute;

top: -50px;

left: -50px; /*移動距離為小三角的寬高*/width: 0px;

height: 0px;

border-width: 50px; /*小三角的高度*/border-style: solid;

border-color: transparent transparent #c73837 transparent; /*朝上的小三角*/

transform: rotate(-45deg); /*將小三角旋轉到你想要的角度*/

你可以根據自己的需要進行微調

2樓:陳長的路上

你用css3方法寫了三角形,然後定位到左上角就好了。

css怎麼做斜線

3樓:

當然方法還有很多種,比如用滿邊框,再在上面疊加一個小一點的滿邊框就出來斜線了。

4樓:

css 2.0 不能完成畫斜線的功能。

css3 可以設定 transform:rotate(20deg);

這樣旋轉一個元素如div元素(設定div元素成一條線的形狀)來(這裡是20度)完成

5樓:匿名使用者

用js畫結合cs3的標籤~

6樓:匿名使用者

border的使用,ie下支援性不好

div中斜切矩形怎麼寫?

7樓:昂子帆

沒有那個必要,我們做網頁講究的是高效率,實用,簡介,直接**做簡單。如果非要用css做的話,已經有大哥給出結果了。

8樓:匿名使用者

樓上正解,css是可以做成斜邊的效果,不過不是一般人可以寫出來了,**多的嚇死人,沒有必要的。最好的方法就是切出四個角為背景,然後用border連起來,這樣顯示的效果是一樣的

9樓:匿名使用者

直接用css樣式做的話很難,建議你用**代替,把四個角和邊線分別切成**設為背景,然後通過div的層層巢狀達到效.

10樓:匿名使用者

div寫不出來的,如果是css3的是可以做到的。研究css3吧

11樓:匿名使用者

div裡沒有和ps一樣的斜切。可以先把矩形ctrl+q轉曲。然後按f10對每個節點進行調整。

div在程式設計中又叫做整除,即只得商的整數。 div元素是用來為html文件內大塊(block-level)的內容提供結構和背景的元素。div的起始標籤和結束標籤之間的所有內容都是用來構成這個塊的,其中所包含元素的特性由div標籤的屬性來控制,或者是通過使用樣式**式化這個塊來進行控制。

css怎麼寫**讓ul列表橫著顯示?請教、謝謝

12樓:匿名使用者

li li

利用css的inline-blick屬性,後邊兩個是針對低版本ie的hack,注意這個hack比較特殊,要像我這樣獨立地寫出來

而且,每個li標籤之間不能有空格或換行,要像這樣寫,否則就會造成莫名其妙的外邊距,這算是inline-block裡面一個不算bug的bug吧。。。

內容內容2

內容3另外,float會帶來很多問題,所以不建議用float

13樓:匿名使用者

假設ul的寬度為1000px;

ul li

這樣的話就可以使5個li可以橫著顯示!

像這種瘦長字型的 css 怎麼寫?

14樓:匿名使用者

結合css3中的形變為完成。

比如: p{transform:rotate(0.80,1.50)}

0.80指的是水平方向上是正常寬度的0.8倍,而1.5則是垂直方向上高度的1.5倍,你可以根據情況自己修改值,希望能夠幫助到你。

15樓:

font-family只是定義字型,前提是計算機中需要有定義的字型。

如果沒有的話需要在css中引用字型檔案。

例如在外網獲取:

或者從本地檔案獲取,前提是先把字型檔案放在**資料夾中:

@font-face

16樓:匿名使用者

span.line2

graphic design

17樓:

字型是一方面.形變可以變瘦長.樓下有個哥們寫了rotate那個.其實是scalep

18樓:匿名使用者

**呢?沒看到是什麼效果啊

css怎麼給數字中間加一橫線

19樓:

2種方法:

1、給這個數字新增css屬性:text-decoration: line-through;

2、給這個數字新增標籤:del。如:9999。

text-decoration詳解:

text-decoration : none || underline || blink || overline || line-through

none :  無裝飾。text-decoration:none 無裝飾,通常對html下劃線標籤去掉下劃線樣式。

blink :  閃爍

underline :  下劃線。text-decoration:underline 下劃線樣式。

line-through :  貫穿線。text-decoration:line-through 刪除線樣式-貫穿線樣式。

overline :  上劃線。text-decoration:overline 上劃線樣式。

20樓:匿名使用者

text-decoration:line-through;可以為元素增加刪除線,也就是為文字中間增加一條橫線

例如,有如下的div

123456

如果需要新增橫線,則可以為line-through新增屬性:

.line-through

另外,如果使用del標籤,瀏覽器預設樣式會新增刪除線,del標籤的預設樣式就是text-decoration:line-through;

21樓:赤月說**

.line_m

然後呼叫這個樣式即可

css中display怎麼做顯示或隱藏

display none可以隱藏某個元素,且隱藏的元素不會佔用任何空間。該元素不但被隱藏了,而且該元素原本佔用的空間也會從頁面佈局中消失。display block可以顯示一個塊元素,或者display inline是顯示一個內聯元素。display主要用的css樣式有以下三個 display bl...

這個作業怎麼做仿寫比喻句。,這個作業怎麼做仿寫比喻句。

1.他們像白楊樹一樣,站立在公路兩側。2.老師慈祥的臉上帶著微笑,他不說話,看著我們答卷,他像一幅畫。答案不唯一 這個作業怎麼做?仿寫一個比喻句,使之 示例 誠信好像那航船上的羅盤,失去它將迷失方向。仿寫句子 怎麼做?生命是一條小溪,來自雪山或地下湧泉,蜿蜒流淌於崇山峻嶺 草原峽谷之中,歡叫著 跳躍...

這個題怎麼做?這個題怎麼做,這個題怎麼做?

我把答案寫在紙上了。拍了個 發給你。好好學習吧!這個題怎麼做?x 2 2x 5 x 2 ax b x 4 px 2 q,將式子,每個項前面的係數相對應,因為x的冪次方從0到3,所以可以列出四個方程,剛好可以解出四個未知數,p和q易得。望採納!x 4 px 2 q x 2 2x 5 x 2 2x 5 ...