前端border的小知識
border的相關用法
border-color邊框顏色
border-width邊框寬度
border-style邊框樣式
border也可以寫成複合樣式border: color width style;
border-radius邊框半徑可以把邊框線變成圓角
使用border寫三角形
效果如下
三角形在上
三角形在下、左、右
只需改變border-top-color中的top為需要的方位即可
下:bottom
左:left
右:right
相關推薦
前端border的小知識
border的相關用法 border-color邊框顏色 border-width邊框寬度 border-style邊框樣式 border也可以寫成複合樣式border: color width style; border-radius邊框半徑可以把邊框線變成圓角 使用border寫三角形 &n
前端小知識-css3
BE IT IE hit lin ear spa 小知識 AD 一、實現圖片倒影 如圖: css屬性 .style{ -webkit-box-reflect:below 0 linear-gradient(transparent,whit
前端小知識
one cti event 指定元素 dom itl 其他瀏覽器 sibling 兄弟節點 1. -webkit-user-select:? none這個屬性是什麽意思? 不希望用戶在你的網站上選擇文本,無論是否是出於版權的原因,通常大家會有js來實現。另一個方案就是
前端先關的小知識
1、webp WebP是Google新推出的影像技術,它可讓網頁圖檔有效進行壓縮,同時又不影響圖片格式相容與實際清晰度,進而讓整體網頁下載速度加快。 2、webgl WebGL(全寫Web Graphics Library)是一種3D繪圖協議,這種繪圖技術標準允許把JavaScript和
【前端基礎筆記】——關於HTML標籤小知識
塊級元素:獨佔一行,高度、寬度都是可控的,寬度沒有設定時,預設為100%,塊級元素中可以包含塊級元素和行內元素。 行內元素:不會獨佔一行,高度、寬度以及內邊距都是不可控的,寬高就是內容的高度,不可以改變,行內元素只能行內元素,不能包含塊級元素。 <div> 元素是塊級元素,它是
【前端基礎筆記】——關於HTML標簽小知識(二)
nbsp 更新 點擊 name屬性 style con 最好 tex ble http-server 是一個簡單的零配置命令行HTTP服務器, 基於 nodeJs. 安裝-$ npm install http-server -g 開啟 http-server服務,終端進入目
前端小知識,前端了解
1、什麼是前端 1、什麼是前端 前端即網站的前臺的部分,執行在PC端,移動端等瀏覽器上展現給 使用者瀏覽的網頁。 2、前端開發概述 前端開發也叫做web前端開發,是為B/S架構的軟體提供介面解決方案的。 3、核心技術 前端的開發中,在頁面佈局時,HTML講元素進行定義
前端小知識--為什麼你寫的height:100%不起作用?
為什麼你寫的height:100%不起作用? 這個知識不算冷門的,但是用的時候可能還是會有些懵逼,不能生效時搜一搜就能找到答案了,但是你真的懂了嗎?為什麼想要設定一個全屏元素的時候,高度不受%的控制? 1.百分比寬高的設定 按照w3c中的width和heigh
前端小知識2
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="
前端小知識:jquery提示框自動消失
js 提示框自動消失showType:定義將如何顯示該訊息。可用值有:null,slide,fade,show。預設:slide。showSpeed:定義視窗顯示的過度時間。預設:600毫秒。width:定義訊息視窗的寬度。預設:250px。height:定義訊息視窗的高度。
好程式設計師Web前端分享一些小知識!
好程式設計師Web前端分享一些小知識!為了幫助正在從事Web前端工作和正在學習Web前端的小夥伴更好的瞭解Web前端技術,今天為大
關於oracle數據庫的小知識
數字函數 左右 -o 滿足 set ltr one tar 行記錄 --查詢語句:select 列名/通配符/列別名/表達式 from 表名 (修飾/限制語句)select * from tab;select tname from tab;--指定的列select tabt
shell小知識
shell[[email protected]/* */ changeIP]# cat view.sh #!/bin/sh if [ $# -ne 1 ];then echo "USAGE:/bin/sh $0 ARG1" exit 1 fi for n in `cat ip.t
【算法】 小知識
count 要求 字符 出現 存在 方法 最終 while 意思 記錄一些在我看來有意思的小算法知識 ■ 識別有效的括號字符串 以小括號為例,在帶括號的字符串中,如果只提取出括號作為特征,"()",""(空串),"(()(()(())))"這些是有效的括號字符
HDU多校賽第9場 HDU 4965Fast Matrix Calculation【矩陣運算+數學小知識】
stdin amp line you stream [] nbsp content ans 難度上。,,確實。。。不算難 問題是有個矩陣運算的優化 題目是說給個N*K的矩陣A給個K*N的矩陣B(1<=N<=1000 && 1=<K<
TP框架的小知識
模塊 vol 如果 span think nds ffffff 作用 extends 1.__MODULE__ 的作用是:會替換成當前模塊的URL地址 (View ,Common ,Controller,不含域名) 2.__PUBLIC__的作用:默認項目下的Public模
運維小知識之nginx---nginx配置Jboss集群負載均衡
sdn -c err nginx error .com lee oot tle codyl 2016-01-26 00:53:00 瀏覽385 評論0 負載均衡 轉自 運維小知識之nginx---nginx配置Jboss集群負載均衡-博客-雲棲社區
MFC小知識一:將對話框設置為無邊框無標題欄初始最大化樣式
nts fec 按位與 tails blog 不變 無標題 設置 http 今天公司新開始的一個項目。界面模式為無邊框無標題欄初始最大化樣式。其實本來可以直接在屬性裏面將默認的Resizing換成none就可以了,那麽我想如何用代碼來實現呢?於是就百度了一下。找到
SQL小知識_長期總結
兩個 -s size 返回 str 字段 right style join 1. 左聯接右聯接區別 left join(左聯接) 返回包括左表中的所有記錄和右表中聯結字段相等的記錄 right join(右聯接) 返回包括右表中的所有記錄和左表中聯結字段相等的記錄in
Web前端之基礎知識
border str adding -a ng- lec 時間 索引 apt 學習web前端開發基礎技術須要掌握:HTML、CSS、Javascript 1.HTML是網頁內容的載體 內容就是網頁制作者放在頁面上想要讓用戶瀏覽的信息,能夠包括文字、圖片、